1

私はほぼ 2 時間 Web を検索していましたが、css スタイリング選択ドロップダウンの例が 1 つも見つかりませんでした。何よりも、絶対divブロックの下に選択ドロップダウンを表示するz-indexに興味がありました。確立された唯一のことは、スタイリング オフセット、背景色、およびフォントですが、他の css プロパティについてはどうでしょうか。webkit shadow dom を検索しても結果は得られませんでした。本当にこれは不可能ですか？:(

4

3 に答える 3

0

これがコードです。

body {
    margin-top:20px;
    margin-left:20px;
}
select {
    padding:9px;
    margin: 0;
    border-radius:4px;
    -webkit-box-shadow: 
        0 0px 0 #ccc,
        0 0px #fff inset;
    background: url('http://i45.tinypic.com/309nb74.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('http://i45.tinypic.com/309nb74.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
    color:black;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none; 
    cursor:pointer;
    border: 1px solid #ccc;
}

このフィドルを通過してください

于 2013-08-06T13:41:28.717 に答える
-4

これは、select タグのスタイルを設定するのに役立ちます。http://www.bulgaria-web-developers.com/projects/javascript/selectbox/

于 2013-08-06T17:46:56.777 に答える