• <abbr id="qqgmy"></abbr>
      <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
    • <rt id="qqgmy"><code id="qqgmy"></code></rt>
      • 網(wǎng)頁(yè)設(shè)計(jì)中的表單元素

        影響表單元素

        (從理論上講)網(wǎng)站建設(shè)也可以為表單元素設(shè)置color值。聲明select元素有暗灰色文本就很簡(jiǎn)單,如下:

        select{color:rgb(33%,33%,33%);}

        這可能還會(huì)設(shè)置select元素周圍邊框的顏色,也可能不會(huì)。這完全取決于用戶代理及其默認(rèn)樣式。

        另外,還可以設(shè)置input元素的前景色,如圖9-6所示,這會(huì)把所設(shè)置的顏色應(yīng)用到所有輸入元素,從文本框到單選鈕再到復(fù)選框都會(huì)使用這種顏色:

        select{color:rgb(33%,33%,33%);}input{color:gray;}

        圖9-6:改變表單元素前顏色

        在圖9-6中可以注意到,挨著復(fù)選框的文本顏色還是黑色。這是因?yàn)槟阒皇菫閕nput和select之類的元素指定了樣式,而沒有為常規(guī)的段落(或其他)文本指定樣式。

        網(wǎng)站建設(shè)CSS1無(wú)法區(qū)分不同類型的input元素。所以,如果要讓復(fù)選框的顏色不同于單選按鈕,就必須為它們分別指定不同的類,以得到所需的結(jié)果:

        input.radio {color:#666;}

        input.check {color:#CCC;}

        <input type="radio" name="r2" value="a" class="radio"/>

        <input type="checkbox" name="c3" value="one" class="check"/>

        網(wǎng)站建設(shè)CSS2及以后版本中則要容易一些,可以根據(jù)不同元素的屬性來(lái)區(qū)分元素,這歸功于屬性選擇器:

        input[type="radio"]{color:#333;}

        input[type="checkbox"]{color:#666;}

        <input type="radio" name="r2" value="a"/>

        <input type="checkbox" name="c3" value="one"/>

        利用屬性選擇器就可以不再使用類,至少這里是如此。遺憾的是,許多用戶代理并不支持屬性選擇器,所以目前使用類可能還是必要的。

        警告:Navigator 4不會(huì)向表單元素應(yīng)用顏色,不過在Internet Explorer 4及以上版本和Opera 3.5+中,為表單元素設(shè)置顏色是起作用的,但其他瀏覽器的許多版本甚至不允許對(duì)表單元素設(shè)置樣式,因?yàn)樗鼈儾淮_定應(yīng)該如何對(duì)這些元素應(yīng)用樣式。

        網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號(hào))
        在线一区视频二区三区,av无码久久久不卡网站,亚洲国产人成精品,国产成人白丝视频
        • <abbr id="qqgmy"></abbr>
          <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
        • <rt id="qqgmy"><code id="qqgmy"></code></rt>