<input />上的Opera 12.14 border-radius无法正常工作

时间:2013-02-27 07:28:25

标签: html5 css3 input opera textinput

我正在尝试制作一个简单的登录类型的页面并尝试使其跨浏览器,并且我仍处于开头,我已经发现了一个问题,我找不到任何答案。 我正在尝试制作一些文本输入并提交带圆角的输入按钮,但它不会让我这样做而且我不知道为什么它根本不适用于<input />标签。

我简单地尝试了border-radius,因为opera已经在标准化参数中建立了甚至-o-border-radius,但它不会以任何方式工作。 我正在使用em代替px,但我尝试了两种方法,因为我认为这可能是问题所在,但事实并非如此。

所以我真的很无能; opera不支持它吗?

除此之外,它在以下浏览器中工作:Internet Explorer 9(在html / php文件的头部插入<meta http-equiv="X-UA-Compatible" content="IE=edge" />行),Mozzila Firefox 19.0,Google Chrome 25.0,Safari 5.1,Maxthon云浏览器4.0

我还尝试使用干净的代码来创建它,这意味着只有一些<input />标记和css文件,它不起作用。

我希望有人能给我一个合理的答复。

1 个答案:

答案 0 :(得分:1)

边框样式必需

添加到:

.textBox {
   border-style: solid;
}

我的建议是使用border的简写属性:

示例:border: 3px solid #cc0000;

有关border属性的更多信息,请访问:w3schools.com