-2
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. 看起来像这样获得的各类物品的元组
- 2. 如何使UITableView看起来像这样
- 3. 如何使UITableView看起来像这样?
- 4. 如何使GUI看起来像这样?
- 5. ,看起来像这样我如何在data.frame
- 6. 如何让我的Visual Studio看起来像这样?
- 7. 如何使我的表看起来像这样
- 8. 我如何制作看起来像这样的定制Holo EditText
- 9. 我该如何处理看起来像这样的对象
- 10. 如何让我的主题看起来像这样?
- 11. 如何让我的导航栏看起来像这样?
- 12. 我如何获得像这样的TextField
- 13. lambda语法看起来像这样:()=>
- 14. 如何格式化数据框来看起来像这样?
- 15. 它看起来像一个按钮,但它不是一个输入元素。如何创建这样的元素?
- 16. iPhone - 建立一个单元格看起来像这样
- 17. 如何获得select元素的index()?
- 18. 如何限制的我要让我目前will_paginate看起来像这样的will_paginate
- 19. 如何修改UISwitchController,使其看起来像这样:
- 20. 如何修改Facebook看起来像这样
- 21. 如何创建一个看起来像这样的菜单
- 22. 如何写json编码的数组看起来像这样
- 23. 如何使Xpages中的部分看起来像这样
- 24. 如何制作看起来像这样的搜索框
- 25. 我怎样才能得到这个锚链接看起来像一个按钮
- 26. CountTokenizing场,变成我使用数据,看起来像这样列
- 27. 统一5:为什么我的场景看起来像这样?
- 28. 是什么让我的页面看起来像这样?
- 29. 我需要看起来像这样的按钮输入
- 30. 我想创建一个Android页面,看起来像这样
默认情况下,当您将输入字段设置为safari浏览器中的select时,会创建它。 –
看起来像一个IOS选择。 – rlemon
这就是''