html - HTML文本字段的标签显示为三行

我已经创建了一个输入文本字段,并使用html为其指定了标签,但是我没有在一行中显示标签,而是遇到了标签以三行显示的问题。



label {
  display: inline-block;
  position: relative;
  width: 5px;
  top: 0px;
  left: -193px;
  color: #999;
  font-family: 'Helvetica', sans-serif;
  font-size: 16px;
  font-weight: lighter;
  z-index: 1;
  transition: all 0.2s ease-in;
}

<input type="text" name="verficationcode" required autocomplete="off">
<label for="verficationcode">Enter code here</label>





Image

最佳答案

注释掉或调整width属性:



label {
    display: inline-block;
    position: relative;
    /*width: 5px;*/
    top: 0px; 
    /*left: -193px;*/
    color: #999;
    font-family: 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: lighter;
    z-index: 1;
    transition: all 0.2s ease-in;
}

<input type="text" name="verficationcode" required autocomplete="off">
<label for="verficationcode">Enter code here</label>

本文翻译自 https://stackoverflow.com/questions/47525493/

网站遵循 CC BY-SA 4.0 协议,转载或引用请注明出处。

标签 html css label textfield htmltext


相关文章:

php - 我应该如何在MySQL数据库中存储换行符?

javascript - 如何在.js文件中编写JS函数

javascript - 将其他div向右推

html - 自定义复选框,中间对齐标签

java - 尝试执行thread.sleep代码的一部分,但会影响整个过程

html - 清单削减以新行结尾

html - 悬停在li上时更改文本颜色

html - 将鼠标悬停在一个HTML元素上会影响另一HTML元素

html - 响应式设计和显示嵌套列表

html - 如何使用HTML和CSS正确显示此营养标签