我目前有两个文本框(asp:TextBox
)彼此非常接近。他们目前看起来像这样:
我试图摆脱应用于文本框顶部和左边缘的阴影效果,以便我可以应用一些自定义样式。但是,box-shadow
似乎没有任何效果,添加border
属性会添加到现有阴影,而不是替换它。是否更容易完全替换文本框样式,还是可以使用现有模板执行某些操作?
我的目标是一个更简单的文本框,就像在询问新问题时StackOverflow上的标题文本框一样:
编辑:这是当前应用的CSS:
删除了border-width
:
请注意,box-shadow
在应用或删除时无效。唯一的视觉差异是边框较厚,仍偏向物体的顶部和左侧。
答案 0 :(得分:1)
试试这个:
.loginInputBox
{
width: 300px;
border: 1px solid #eee;
box-shadow: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}