html - ASP 文本框的自定义样式

Question

我目前有两个彼此靠近的文本框 (asp:TextBox)。它们目前看起来像这样:

我试图摆脱应用于文本框顶部和左侧边缘的阴影效果，以便我可以应用一些自定义样式。但是，box-shadow 似乎没有效果，添加 border 属性会添加到现有阴影中，而不是替换它。完全替换文本框样式是否更容易，或者我可以对现有模板做些什么？

我的目标是一个更简单的文本框，比如 StackOverflow 上提出新问题时的标题文本框:

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

并且删除了 border-width:

请注意，box-shadow 在应用或移除时均无效。唯一的视觉差异是边框更粗，并且仍然偏向对象的顶部和左侧。

Answer 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;
}