我怎样才能制作一个在css中没有圆角的搜索栏,并在google chrome上运行呢?
我正在设计一个网站,我希望搜索栏没有圆角,只是典型的直角。无论出于什么原因,我都无法在谷歌chrome上运行,但当我在firefox上打开我的网站时,它确实有直角。有人知道我需要做什么吗?这样搜索栏就会在chrome中显示,而不会出现圆角 这是我的css:我怎样才能制作一个在css中没有圆角的搜索栏,并在google chrome上运行呢?,css,searchbar,Css,Searchbar,我正在设计一个网站,我希望搜索栏没有圆角,只是典型的直角。无论出于什么原因,我都无法在谷歌chrome上运行,但当我在firefox上打开我的网站时,它确实有直角。有人知道我需要做什么吗?这样搜索栏就会在chrome中显示,而不会出现圆角 这是我的css: #searchbar { float:right; padding:10px 20px; clear:right; margin-right:35px; margin-top:-7px; } #searchbar input { float
#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里。这会将搜索的默认显示更改为与具有直角的文本字段相同
建议你把这件事弄得一团糟,然后发布链接。你必须有一个覆盖css规则在那里,因为这将创建一个输入与平方边。你可以发布你的css的其余部分吗阅读这篇文章,你应该在那里找到足够的信息,很好的luckNo问题,很高兴我能帮助你:P
input[type=search] {
-webkit-appearance: textfield;
}