我尋求CSS技巧

幫助下，我有如下一點CSS代碼：我尋求CSS技巧

input{ 
    background-image:url(css_img/input_bg.gif); 
    padding:6px; 
    margin:1px; 
    width:250px; 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size:12px; 
    font-weight:bold; 
    font-variant:normal; 
    height:30px; 
    -moz-border-radius:3px 3px 3px 3px; 
    -moz-box-shadow:0 2px 3px #DDDDDD; 
    border:1px solid #aaa; 
    color:#333333; 
}

但是這個代碼改變了所有的<input type="..."/>標籤的風格。我如何改變文本字段<input type="text" name="name" />的樣式？我不想爲他們添加類。

還有什麼辦法可以繞過角落只是使用簡單的CSS（不使用圖像），它很好地在Internet Explorer。

請幫我...

來源

2011-09-18 Haren Sarma

使用的attribute selector：

input[type="text"] { 
    /* styles here */ 
}

來源

2011-09-18 18:29:08 Eric

這是正確的嗎？輸入[type =「submit」] { \t background-image：url（css_img/ahfrwwh24u6.png）; \t background-repeat：no-repeat; \t border：#CCC 0px solid; \t padding：4px; \t顏色：#FFFFFF; \t光標：指針; \t font-size：12px; \t font-family：「Trebuchet MS」，Arial，Helvetica，sans-serif; \t font-weight：bold; } –

它不工作......可能是什麼原因？ –

它應該工作。演示：http：//jsfiddle.net/e4PGn/ – Sparkup

使用屬性選擇：

input[type="text"] { styles here }

來源

2011-09-18 18:27:45

隨着Eric和Rikudo說：

input[type="text"]

對於即使用角落CSS3 PIE

還可以使用：具有

input[type=text] 
input[type^=te] 
input[type$=ex] 
input[type*=t]

與屬性類型元件輸入包含一個值，該值等於，開頭，結尾或包含一定的價值。

更多信息here

來源

2011-09-18 18:37:23 Sparkup

我使用了兩個如上所示的CSS。一個是input [type =「text」] {.. code ..}，另一個是input [type =「submit」] {.. code ..}但是仍然不能在Internet Explorer上工作？爲什麼。我的CSS是在externel的css文件 –

'input [type $ = ex]'不起作用。用'$ ='你試圖搜索單詞'ex'的末尾，但是在'input type ='text''裏面，你應該寫'$ ='xt''。 – uzay95

我尋求CSS技巧

回答

相關問題