[問題] 輸入方塊裡面的文字樣式

[qazsd (珍惜當下)]

<input type="text" id="search" size="12" value="Nice to meet you" />

#searchfile {
        padding: 5px;
        border-width: 2px;
        border-color: #cccccc;
        border-style: solid;
        border-radius: 8px;
        font-size: 16px;
        background: rgba(255, 255, 255, 1) url('images/search_icon.png')
                no-repeat;
}

上面如此圖：http://imgur.com/a/8U2ja

想請問要如何：

1. 改變輸入方塊裡面的文字樣式，例如淡化(opacity=0.7)、文字顏色改為紅色
2. 將輸入框方塊裡面的放大鏡(search_icon.png)靠右對齊至在輸入區域的右邊

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.165.66
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1498112889.A.5EF.html
※ 編輯: qazsd (59.124.165.66), 06/22/2017 16:07:02
推 ilovekebi: https://codepen.io/phate/pen/awwVPv
→ kentyeh: http://bit.ly/2stwVm3
→ qazsd: 感謝各位大大