CSS问题 - 透明的带下划线的文本框 - howto？

Question

早上好,

快速CSS问题.有没有人知道任何快速的CSS来制作带下划线的透明文本框？我基本上希望文本框除了底部边框外不可见.我需要它才能正常运行.我只是删除左边框,右边框和顶部边框并将其背景设置为透明或其他东西？有关如何正确完成此任务的任何示例？这个应用程序适用于IE7,如果这是相关的.任何帮助总是受到赞赏.

干杯,〜在圣地亚哥

Answer 1

这应该这样做:

input.myBox
{
    border: 0px solid #000000;
    border-bottom-width: 1px;
    background-color: transparent;
}

在IE8中测试(IE7兼容模式)

Answer 2

只是一个建议...因为人们不会习惯这个,你可能想要添加一个悬停的伪类,以便当用户将鼠标悬停在该字段上时稍微改变颜色,作为一个额外的视觉"提示"的内容上.

例:

input.myBox:hover
{
   border-color: #000066;
   background-color: #FFFFF7;
}