<track id="khact"></track>

    <pre id="khact"><label id="khact"><menu id="khact"></menu></label></pre>
  1. <td id="khact"><ruby id="khact"></ruby></td>
    1. 網頁設計中的表單元素

      • 2019-01-04 17:09:04
      • 閱讀次數:
      • 作者:盈嵐科技小編
      • 來源:http://www.wangyoucaoyyw.com

      影響表單元素

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

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

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

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

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

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

      在圖9-6中可以注意到,挨著復選框的文本顏色還是黑色。這是因為你只是為input和select之類的元素指定了樣式,而沒有為常規的段落(或其他)文本指定樣式。

      網站建設CSS1無法區分不同類型的input元素。所以,如果要讓復選框的顏色不同于單選按鈕,就必須為它們分別指定不同的類,以得到所需的結果:

      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"/>

      網站建設CSS2及以后版本中則要容易一些,可以根據不同元素的屬性來區分元素,這歸功于屬性選擇器:

      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不會向表單元素應用顏色,不過在Internet Explorer 4及以上版本和Opera 3.5+中,為表單元素設置顏色是起作用的,但其他瀏覽器的許多版本甚至不允許對表單元素設置樣式,因為它們不確定應該如何對這些元素應用樣式。

      當前文章標題:網頁設計中的表單元素

      當前URL:http://www.wangyoucaoyyw.com/news/wzzz/form-elements.html

      上一篇:網頁設計中的前景色影響邊框

      下一篇:網頁設計中的繼承顏色

      網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
      亚洲精品国产首次亮相|久久国际精品久久久|精品国产91久久久|老鸭窝一区二区三区四区
        <track id="khact"></track>

        <pre id="khact"><label id="khact"><menu id="khact"></menu></label></pre>
      1. <td id="khact"><ruby id="khact"></ruby></td>