ASP文本框的自定义样式

时间:2017-11-28 16:31:37

标签: html css asp.net

我目前有两个文本框(asp:TextBox)彼此非常接近。他们目前看起来像这样:

enter image description here

我试图摆脱应用于文本框顶部和左边缘的阴影效果,以便我可以应用一些自定义样式。但是,box-shadow似乎没有任何效果,添加border属性会添加到现有阴影,而不是替换它。是否更容易完全替换文本框样式,还是可以使用现有模板执行某些操作?

我的目标是一个更简单的文本框,就像在询问新问题时StackOverflow上的标题文本框一样:

enter image description here

编辑:这是当前应用的CSS:

enter image description here

删除了border-width

enter image description here

请注意,box-shadow在应用或删除时无效。唯一的视觉差异是边框较厚,仍偏向物体的顶部和左侧。

1 个答案:

答案 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;
}