移动端按钮问题以及下拉列表样式问题

网编近期在写手机端网页页面，在应用button和option的情况下碰到了一些难题，而且找到解决方案，这里跟大伙儿共享一下。

01

大家可以很明显的看到，上面的立刻获取的样式跟提交取消的样式明显不一样，立刻获取的border-radius看起来明显要比提交取消的大很多。这是因为立刻获取我使用的是button，而提交取消我则是用的a标签，此时不管喔如何修改立刻获取的border-radius，都不会有任何效果，但是如果说，我就想用button，而且我想要更改它的border-radius，要下图的这种结果

我们该如何解决这个问题呢？

其实很简单，只需要在你的css样式表里加上这样一行代码

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

上面这行代码，不仅可以去掉button的默认样式，还可以去掉input标签type值为button,submit,file的默认样式。

02

手机的option标签是偏黑色的，一看就和整体不搭，但是其实我已经加了background-color:#ffffff;但是不起作用，我想要下图的效果

应该怎么解决呢？

其实也只是加一行css代码就可以解决

-webkit-appearance: none;

怎么样，有没有遇到同样问题的小伙伴呢？希望能帮到你们

本文来源于：移动端按钮问题以及下拉列表样式问题-变化吧门户
特别声明：以上文章内容仅代表作者本人观点，不代表变化吧门户观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与变化吧联系。