我知道选择框是一种与css样式的痛苦,但没有采取先进的技术有无论如何我可以添加一些填充按下文本有点没有它也添加填充到右侧的箭头?在选择框中填充
在选择框中填充
回答
这里比较有意思 http://cssdeck.com/labs/styling-select-box-with-css3
测试笔者覆盖在右边的箭头,并创建了自己的,使用供应商前缀的CSS针对不同的浏览器。这样做后,你的填充是完全免费的。
好吧..我当之无愧的那些downvotes。它不是我的代码。其有趣的是,它*是一个纯粹的CSS解决方案,将在90%的情况下工作。 – commonpike 2014-06-18 14:19:34
将此添加到您的CSS类。也许这有帮助?
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
它虽然隐藏了箭头.. – romainm 2017-08-09 12:27:23
由于select
框出现不同的不同的浏览器,特别是操作系统,你不能保证一致性。
例如,我可以在Mac上做格式化的最低量是这样的:
select { height:40px; background:transparent; }
它看起来是这样的:
所以你有什么建议吗? – 2016-02-19 19:31:58
我会推荐一个自定义选择框,例如:https://jqueryui.com/selectmenu/ – redolent 2016-02-19 22:55:22
- 1. 在选择另一个选择框时填充选择框
- 2. 车把选择框填充
- 3. 填充一个选择框
- 4. 从mysqldatabase填充选择框
- 5. Javascript选择框选择填充其他选择框
- 6. 填充在angularjs中选择
- 7. 从选择框中填充两个选择框
- 8. 使用jQuery从XML中填充选择框 - 级联选择框
- 9. Webmatrix - 从上一个选择框中填充选择框的值
- 10. 从表中填充的选择框
- 11. 在组合框选择时填充DataGridview
- 12. 在胡子中填充和选择一个选择框JS
- 13. 填充选择
- 14. 填充选择
- 15. 填充选择
- 16. 基于另一个选择框中的选择填充一个选择框 - jQuery?
- 17. 根据另一个选择框填充选择框
- 18. 动态添加选择框时填充其他选择框
- 19. 从DropDownList填充文本框选择用CascadingDropDown填充本身
- 20. 使用angularjs预填充选择框
- 21. 无法使用jquery填充选择框
- 22. 从选择填充列表框,python
- 23. 选择框填充文本区
- 24. casperjs随机失败填充&选择框
- 25. 使用javascript填充选择框
- 26. 如何使用Javascript填充选择框
- 27. 用键:值对填充选择框?
- 28. 如何使用json填充选择框?
- 29. 填充选择框点击链接
- 30. Cakephp 2.0 - 动态填充选择框?
难道你也许尝试改变填充嵌套的“选项”元素?只是一个想法... – 2012-04-16 16:52:52
不,没有。选择框的样式正如你所说的那样痛苦。出于这个原因,有很多用于选择框的jQuery插件。列表框的可用跨浏览器样式非常有限。 – 2012-04-16 16:56:25
这不是你所希望的吗? http://jsfiddle.net/LpvDg/ – Wasbazi 2012-04-16 17:41:03