具有输入文本标签的border-radius属性在Chrome浏览器中无法正常工作
阿尼尔·库玛（Anil Kumar）
我正在尝试使用带有输入文本标签的border-radius属性来获取圆角。我能够在所有浏览器（例如Firefox，IE和Chrome）中实现圆角处理，但在Chrome中却遇到一个问题。在chrome中，我可以看到一个矩形框以及圆形的文本框。谁能告诉我这是什么原因，如何删除矩形框？我的Chrome版本是31.0.1650.63m
我在下面测试的html代码如下：
<!DOCTYPE html>
<html>
<head>
<style>
input
{
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:200px;
border-radius:25px;
}
</style>
</head>
<body>
<input type="text"></input>
</body>
</html>
马丁
尝试添加outline: 0;到输入
有关示例，请参见此jsFiddle
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
带有新浏览器标签的chrome.tabs.executeScript无法正常工作？
- 2
if语句中的Java语言在所有移动浏览器中均无法正常工作
- 3
window.print无法正常工作，尝试了所有主要浏览器中的所有方法
- 4
尽管有polyfill和浏览器列表，但默认的create-react-app在IE中无法正常工作
- 5
jQuery.localScroll仅在Windows Chrome中不起作用（OSX Chrome和所有其他Windows浏览器都可以正常工作）
- 6
Chrome浏览器中的自动宽度无法正常工作
- 7
div中的表格仅在Chrome中超出了div。它在所有其他浏览器中都可以正常工作
- 8
浏览器插件正常工作的对象标签要求
- 9
网站不会在 chrome 中向下滚动，但在所有其他浏览器中都可以正常工作
- 10
Ping工作正常，但浏览器中没有Internet连接
- 11
隐藏具有相关属性的输入标签
- 12
选择具有输入启用属性的标签
- 13
Ubuntu中的Chrome浏览器是否具有“最近的标签页”？
- 14
Ubuntu中的Chrome浏览器是否具有“最近的标签页”？
- 15
刷新Google Chrome浏览器中的所有标签
- 16
Google Chrome浏览器-使用iframe时屏幕捕获失败，没有iframe的相同脚本也可以正常工作
- 17
在Chrome浏览器中无法在新标签页中提交多个表单
- 18
我的HTML5音频标签无法在Google Chrome浏览器中播放。
- 19
初始浏览器宽度上的jQuery无法正常工作（仅在调整大小时有效）
- 20
Azure：我无法通过门户（所有浏览器）选择 VM 大小 - Powershell 似乎工作正常
- 21
在chrome和mozilla firefox浏览器中均无法从DhtmlxGrid复制文本
- 22
为什么除Chrome以外的所有浏览器都无法对可排序div中的我的textareas和文本输入字段进行编辑？
- 23
Java插件无法在Chrome浏览器中运行（所有可能的尝试都已用尽）
- 24
Java插件无法在Chrome浏览器中运行（所有可能的尝试都已用尽）
- 25
Chrome浏览器操作中的标签页
- 26
Google Chrome浏览器中的链接标签
- 27
Chrome浏览器操作中的标签页
- 28
在Google Chrome浏览器中双击以关闭标签
- 29
禁用Chrome浏览器中的标签页滚动
我来说两句