-2
私は.psdをhtml/cssに変換しています。私は、例として使用するために、この選択要素オンラインに似た何かを見つけることができません。これが選択要素であっても。
A
答えて
3
appearance: none &を入力してからselectのスタイルを設定することができます。矢印の場合は擬似要素を使用する:before & :after
.select-wrapper {
width: 300px;
position: relative;
}
select {
-webkit-appearance: none;
appearance: none;
padding: 4px 20px 4px 10px;
border-radius: 6px;
width: 100%;
background: linear-gradient(to bottom, #fcfcfc 0%,#ececec 100%);
}
.select-wrapper:before {
content: '';
position: absolute;
top: 60%;
right: 8px;
transform: translateY(-50%);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 4px solid #777;
}
.select-wrapper:after {
content: '';
position: absolute;
top: 35%;
right: 8px;
transform: translateY(-50%);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-bottom: 4px solid #777;
}
select:focus {
outline: none;
}<div class="select-wrapper">
<select>
<option value="0" selected>Select Option</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>・ホープ、このことができます：
は、以下のスニペットを見てください！
関連する問題
- 1. このselect文はどのようにすればよいですか？
- 2. 他の要素のように要素をスライドさせるにはどうすればいいですか？
- 3. どのようにselect要素を参照できますか？
- 4. select要素にイベントリスナーを追加するにはどうすればよいですか？
- 5. for xml selectにラッピング要素を追加するにはどうすればよいですか？
- 6. DOMの要素をテストするにはどうすればよいですか
- 7. XmlPullParserがトップレベル要素のリストを返すようにするにはどうすればよいですか？
- 8. 要素を重複しないようにするにはどうすればよいですか？
- 9. DOM要素を変更するにはどうすればよいですか？
- 10. javascriptイベントをある要素から別の要素に渡すにはどうすればよいですか？
- 11. このui-select要素のスタイルシートを変更するにはどうすればいいですか？ （角）
- 12. IOS - 要素のスクロール中に要素のインターフェイスを更新するにはどうすればよいですか？
- 13. 要素をXSLTの別の変換要素に移動するにはどうすればよいですか？
- 14. これをリスト要素内の2列レイアウトにするにはどうすればよいですか？
- 15. これらの要素を中央に配置するにはどうすればよいですか？
- 16. これらのdiv要素を反応的にするにはどうすればよいですか？
- 17. 要素を別の要素に追加するにはどうすればよいですか？
- 18. 既存のDOM要素テキストをHTML要素に変換するにはどうすればよいですか？
- 19. 要素内の要素を動的に追加/削除するにはどうすればよいですか？
- 20. 要素属性をXSLTの要素名に変換するにはどうすればよいですか？
- 21. jQuery要素を別のjQuery要素に追加するにはどうすればよいですか？
- 22. jQueryで要素ごとに要素を選択するにはどうすればよいですか？
- 23. sqlalchemyがselectでトランザクションを作成しないようにするにはどうすればよいですか？
- 24. 要素IDでJavaScriptの要素のtitleプロパティを取得するにはどうすればよいですか？
- 25. jQueryでは、要素が「マウスオーバーされた」とその要素の子要素を検出するにはどうすればよいですか？ここ
- 26. このJSON解析されたハッシュの要素にアクセスするにはどうすればよいですか？
- 27. jQueryまたはJavaScriptを使用して他の要素にどのようにtd要素を定義するにはどうすればよいですか？
- 28. 要素の上にマウスがあることを確認するにはどうすればよいですか？
- 29. クリックした要素のhref値を取得するにはどうすればよいですか？ここ
- 30. 要素で:: after擬似要素のみを表示するにはどうすればよいですか？
サファリブラウザで入力フィールドをselectとして選択すると、デフォルトで作成されます。 –
IOSのように見えます。 – rlemon
これは '