[問題] 輸入方塊裡面的文字樣式
<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
推
06/22 17:00, , 1F
06/22 17:00, 1F
→
06/22 17:07, , 2F
06/22 17:07, 2F
→
06/23 16:36, , 3F
06/23 16:36, 3F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章