0

我正在使用 css3pie（适用于 Internet Explorer 8）将边框半径等效果应用于我页面上的 div 它可以工作，但不适用于输入文本

.header input[type="text"]{
border: 2px solid #696;
text-align: center;
width: 150px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #fff;
box-shadow:5px 5px 5px #000;
-webkit-box-shadow:5px 5px 5px #000;
-moz-box-shadow:5px 5px 5px #000;
behavior: url(PIE.htc);
}

这是头部代码

<link rel="stylesheet" type="text/css" href="main.css">
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="ie.css">
<![endif]-->
<meta http-equiv="X-UA-Compatible" content="IE=8" />

请问有什么建议吗？

4

1 回答 1

2

CSS3Pie中的元素应该没有问题input，只要您使用的是px测量值，您就是这样；文档在已知问题页面中提到了比例大小元素的问题，但这不是您的问题。

鉴于您在同一页面中的其他元素正常工作，只有其他可能的问题：

  • 首先是hasLayout问题。解决方案通常是zoom:1在样式中添加类似的东西。

  • 其次是消失的边界问题，解决方案是使用positionandz-index样式。

这两个问题都在CSS3Pie 已知问题页面上进行了讨论，以及如何解决它们的详细信息。

于 2013-03-17T20:12:15.247 回答