1

css で -webkit-appearance: none を使用して、インライン svg バックグラウンドを持つカスタム選択タグを作成しています。

http://jsfiddle.net/sucrenoir/yHR53/5/

select {
    font-size: 30px;
    border: 1px solid lightblue;
    border-radius: 10px;
    color: black;
    padding: 12px;
    width: 300px;
    -webkit-appearance: none;

    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;

    background-color: lightblue;
    background-transparency: 0.5;
    background-position: right 15px top 22px;
    background-size: 18px 18px;
}

firefox では動作しません (明らかに)。

firefox で -webkit-appearance: none に相当するものは何ですか?

前もって感謝します

4

3 に答える 3

2

残念ながら、現時点では答えはノーです。

MDN docによると、バグがあるため、現在使用することはお勧めしません。

于 2013-05-21T09:29:08.943 に答える