类型=“搜索”输入时不显示圆角

当我输入type =“search”时，圆角被剪掉。当我使用type =“text”时，它们看起来很棒。类型=“搜索”输入时不显示圆角

#q { padding: 8px; outline: none; width: 282px; border: 1px solid #ccc; border-radius: 5px; } 

<input type="search" id="q" placeholder="search..." />

住在这里：http://jsbin.com/ilipiw/4/edit

截图：

我使用的是最新版本的Chrome。

来源

2012-04-18 Ian Davis

Just FIY它在Linux和FF下的FF和Chrome中完美工作 – nico 2012-04-18 18:20:43

因为hradecek的评论（发布为答案）被删除了，所以我想我会以他的名义提问，以防他帮助你：“什么浏览器是你的正在使用？那么版本呢？“ – 2012-04-18 18:23:21

试试这个：

#q { -webkit-appearance: none; -webkit-border-radius: 5px; outline: none; border: 1px solid #999; padding: 10px; }

来源

2012-04-18 18:40:10

-1

虽然它应该工作。

    #q{-webkit-border-radius:5px;}

如果这不起作用，然后更新你的铬。

来源

2012-04-18 18:57:27

使用此样式器#q：

#q { 
    border-radius: 5px; outline: none; border: 1px solid #999; padding: 10px; 
    -webkit-appearance: none; -webkit-border-radius:5px; 
}

这jsBin version作品在Chrome 18.0.1025.162。

来源

2012-04-19 16:35:36

类型=“搜索”输入时不显示圆角

回答

相关问题