标签 css
<分区>
如何为我的文本输入添加圆 Angular 边框？
例如:
我试过 css3 边框，但结果很糟糕。
更新:JS 解决方案:我仍然希望找到一个纯 CSS-on-the-input 解决方案，但这是我现在要使用的解决方法。请注意，这是直接从我的应用程序中粘贴的，因此不是像上面那样的一个很好的独立示例。我刚刚从我的大型网络应用程序中包含了相关部分。你应该能够明白这个想法。 HTML 是带有“链接”类的输入。较大的垂直背景位置是因为它是 Sprite 。在 IE6、IE7、IE8、FF2、FF3.5、Opera 9.6、Opera 10、Chrome 2、Safari 4 中测试。我仍然需要在某些浏览器中将背景位置调整几个像素。
最佳答案
input[type=text]{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 1px solid #2d9fd9;
color: #a0d18c;
width: 250px;
height: 30px;
padding-left: 10px;
}
input[type=text]:focus {
outline: none;
border: 1px solid #a0d18c;
color: #2d9fd9;
}<input type="text" placeholder="Enter search text...">关于css - 圆 Angular 边框 - 文本输入 css，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20954521/