Css 在表单输入上设置外部边框的样式

我希望有人能帮我回答这个问题，因为数小时的谷歌搜索并没有带来任何成果。我目前有以下代码设置表单标签的样式：

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

---

我想为我的输入、textarea和select标记设置相同的border top属性样式。但是，在这些元素上设置边框顶部样式会设置明显的样式，即元素本身周围的边框。我想知道是否可以在外部显示边框，或者是否需要使用其他属性来实现所需的结果。

如果希望在元素外部有边框，则需要在每个

输入

、

文本区域

或

选择

（如果没有语义相关的元素，则可能是

div

）。这些块将接收边框，您可以通过

div

---

这还有一个优点，即

div

上的

border

比表单元素上的

border

得到了更好的支持。

如果您的意思是边框看起来是插入的，而不是您所需要的

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

如果你字面上是指外面，那么你可以用阴影之类的东西来欺骗

CSS

---

@漂浮你不能在一边有大纲我看了大纲好吧，它似乎没有回答我的问题。你试过了吗：以前？我不确定我是否理解你想要实现的目标。这就是你要寻找的吗？我用

边框：0 none

重置了边框，然后使用<代码>边框顶部：1px纯黑@tw16这并不是我想要达到的效果…样式化标签显示的边框顶部与文本的宽度为5px。我希望此边框顶部样式继续应用于输入元素，而不必将所有内容都包装在包含div中（因为这意味着需要数小时的重复编码）.表单的标签和输入元素水平排列显示。TiagoCésarOliveira-不，我以前没有尝试过，我对CSS3不是很了解。

input {
    box-shadow: 0px -1px 1px -1px #333;
    border: none;
    margin: 50px;
}