选择框上的常角 - css

Question

我所有的选择框都有圆角，但我想要正常的角落。我认为我在Wordpress网站上使用的主题会覆盖正常的框。

这是您看到带圆角的选择框的网站！ http://www.fernwehreisen.de/reiseanfrage/

有人能指出我正确的方向吗？如何通过CSS获得正常角落？ 我试过改变边界半径等等，但没有任何帮助，因为我找不到管理它的类。 感谢。

Answer 1

border-radius是您问题的主管CSS名称。对于不同的浏览器，它有不同的表现形式，而您的-webkit-border-radius就是其中之一。

除了您当前的代码，您还可以添加border-radius:0px，这应该照顾大多数现代浏览器。

如果仍然不起作用，这意味着您的选择器.wpcf7 select可能会被主题的其他CSS规则覆盖。为了盲目地克服它们，您可以在CSS规则之后添加!important。

.wpcf7 select {
-webkit-border-radius: 0px !important;
border-radius:0px !important
}

或者您可以尝试优化您的选择器，以便您的选择器覆盖它们。如果您仍然不明白，请点击css selector并阅读第一个链接。