我正在设计一个网站，我希望搜索栏没有圆 Angular ，只有典型的直 Angular 。无论出于何种原因，我无法使其在 google chrome 中工作，但是当我在 firefox 中打开我的网站时，它确实有直 Angular 。有谁知道我需要做什么才能使搜索栏显示在没有圆 Angular 的 Chrome 中？
这是我的 CSS:
#searchbar {
float:right;
padding:10px 20px;
clear:right;
margin-right:35px;
margin-top:-7px;
}
#searchbar input {
float:right;
border:1px solid #000;
border-radius:none;
}
#searchbar p {
margin:5px 10px 0 0;
float:right;
text-transform:capitalize;
font-variant:small-caps;
font-size:1em;
}
最佳答案
尝试将其放入您的 CSS 中。这会将搜索的默认显示更改为与具有直 Angular 的文本字段相同。 http://jsfiddle.net/8PdDt/
input[type=search] {
-webkit-appearance: textfield;
}
关于css - 如何在 css 中制作一个在 google chrome 上工作的没有圆 Angular 的搜索栏？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12737367/