0

我希望有人能帮我回答这个问题，因为谷歌搜索数小时并没有结果。我目前有这个代码样式我的表单标签：

label {
    display:inline-block;
    height: 15px;
    width: 350px;
    float: left;
    padding: 5px;
    border-top: 1px solid black;
    color: black;
    font-size: 12px;
}

我想为我的输入、文本区域和选择标签设置相同的边框顶部属性。但是，在这些元素上设置border-top 的样式很明显，即元素本身周围的边框。我想知道是否可以在外面显示边框，或者我是否需要使用其他属性来达到我想要的结果。

4

2 回答 2

1

如果你的意思是边框看起来比你需要的简单

input {
   border: 0;
   border-top: 1px solid #333;
}

如果你的字面意思是外面，那么你可以使用影子之类的东西来欺骗

演示

CSS

input {
    box-shadow: 0px -1px 1px -1px #333;
    border: none;
    margin: 50px;
}
于 2013-04-23T15:16:12.340 回答
0

如果你想在元素之外有一个边框，你需要在每个input, textareaor周围有一个块元素select（div如果没有元素在语义上相关）。这些块将接收边框，您可以调整表单元素和边框之间的padding-top距离div

这也有一个优点，即borderondiv比border表单元素得到更好的支持。

于 2013-04-23T15:09:17.957 回答