css - 从 h :inputText 中删除 2 个垂直和顶部边框

我有以下 JSF 组件:

   <h:inputText value="#{TestComponent.hmspatient.surname}" label="Surname" styleClass="textbox" style="border:none;"/>

我只想显示底部边框(水平)并删除所有其他 3 个。当我使用 border:none 时，它会删除所有边框。

最佳答案

这样做

span {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: red;
}

input {
  border-width: 0 0 2px 0;
}

<span>Heyyy</span><br>
<input type="text" value="Heyyy" >

关于css - 从 h :inputText 中删除 2 个垂直和顶部边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35323527/