1
A
答えて
4
.select_box{
width: 200px;
overflow: hidden;
border: 1px solid #000;
position: relative;
padding: 10px 0;
}
.select_box:after{
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #f00;
position: absolute;
top: 40%;
right: 5px;
content: "";
z-index: 98;
}
.select_box select{
width: 220px;
border: 0;
position: relative;
z-index: 99;
background: none;
}
<div class="select_box">
<select>
<option>Test This Select</option>
<option>Test This Select</option>
</select>
</div>
+0
これはほぼ完了ですが、矢印をクリックしても選択要素がトリガーされないため、関連性が失われます。 –
+0
を今すぐ確認してください –
+0
私はこの解決が気に入っています。うまくやった! – Julsy
4
<div class="customerStyle">
<select class="selectCustomer">
<option value="Jone">Jone</option>
<option value="Tom">Tom</option>
</select>
</div>
.customerStyle select {
background: transparent;
width: 170px;
padding: 5px;
border: 0;
border-radius: 0;
height: 35px;
}
.customerStyle {
background: url("images/arrow.png") no-repeat right #ffffff;
border: 1px solid #000;
width: 150px;
height: 35px;
overflow: hidden;
}
は、 "画像/ arrow.png"
関連する問題
- 1. 選択ボックス内の矢印の色を変更します
- 2. ブートストラップ - ポップオーバーの矢印の色を変更
- 3. 変更JComboBoxの矢印の背景色
- 4. 選択タグの下矢印を変更するには
- 5. IEの選択「矢印」
- 6. 選択の色を変更します。
- 7. CSS要素を選択する、矢印を消す方法は?
- 8. html css - 画像選択の背景色
- 9. スピナーの矢印の色が変更されていません
- 10. Android:ナビゲーション矢印の色をapi 16で変更する23.2.1サポートライブラリ
- 11. エクスパンダの矢印を変更
- 12. htmlの選択ボックスの青色を変更する
- 13. NSPopUpButton矢印の色
- 14. カスタム矢印付きHTML選択要素 - 矢印上にテキストが表示されます
- 15. 矢印の中間点の矢印位置を変更する
- 16. グリッドコントロールを選択して、選択した行の色を変更します。
- 17. 選択したタブの色を変更します。jquery
- 18. jqueryで上矢印と下矢印を変更する
- 19. 選択した矢印を隠す/表示する
- 20. ui.bootrap(plunker添付)のツールチップの矢印の色を変更してください
- 21. 選択したタブのテキストの色を変更します。
- 22. iOS UICollectionView選択した項目の色を変更します。
- 23. ionic listviewで選択したアイテムの色を変更します。
- 24. NatTableで選択した行の色を変更します。
- 25. 選択したエレメントの色を変更します - 反応
- 26. 選択したセグメントコントロールの色を変更します
- 27. コンボボックスの選択矢印が置き換えられました
- 28. HTML、CSS |以前に削除された矢印を選択してください
- 29. 反応したネイティブルータフラックスのバックボーン矢印の色を変更する方法は?
- 30. Silverlight:アコーディオン:コードまたはバインディングで矢印の色を変更する
の青色矢印の画像を追加し、このコードセグメントを試してみてください、あなたは投稿できますCSSとtを担当するHTMLコード彼のドロップダウンが表示されます。 – AmanSinghal
サイトを検索しましたか?なぜこれらのソリューションはあなたのために機能しませんでしたか? – PeeHaa