如何更改选择标签上的向下箭头?例子:
现在的样子:
我希望它如何:
我怎样才能做到这一点?
原文由 user7090116 发布,翻译遵循 CC BY-SA 4.0 许可协议
如何更改选择标签上的向下箭头?例子:
现在的样子:
我希望它如何:
我怎样才能做到这一点?
原文由 user7090116 发布,翻译遵循 CC BY-SA 4.0 许可协议
这是另一种使用 SVG 的简单方法,没有外部图像:
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 24px;
background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') 100% 50% no-repeat #fff; } /* change or remove #fff color if not needed */
原文由 Kerem 发布,翻译遵循 CC BY-SA 4.0 许可协议
3 回答1k 阅读✓ 已解决
4 回答1.3k 阅读✓ 已解决
2 回答950 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
2 回答922 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
您可以使用纯 css 尝试此操作,首先您需要删除
select
标记的默认行为appearance:none
属性。指定浏览器
外观:无;
-webkit-外观:无;
/* chrome and safari */
-moz外观:无;
/* Mozilla */
-ms-外观:无;
/* Internet explorer */
然后你可以设置
background-image