css3pie 将效果应用于不输入文本的 div答案

【问题标题】：css3pie applies effects to divs not input textcss3pie 将效果应用于不输入文本的 div
【发布时间】：2013-03-17 19:50:30
【问题描述】：

我正在使用 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" />

有什么建议吗？

【问题讨论】：

标签： internet-explorer-8 css css3pie

【解决方案1】：

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

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

首先是hasLayout 问题。解决方法通常是在样式中添加zoom:1 之类的内容。
其次是边框消失问题，解决方法是使用position和z-index样式。

CSS3Pie known issues page 讨论了这两个问题，以及如何解决这些问题的详细信息。

【讨论】：