【问题标题】:How to make the text cursor in a text field start a few px in?如何使文本字段中的文本光标从几 px 开始?
【发布时间】:2012-07-15 03:00:56
【问题描述】:

我想要一个文本字段,它的光标从左侧开始几个 px(比如可能 4)。我知道如果您使用填充来调整文本字段的大小可以做到这一点,但我想知道是否有任何方法可以不使用填充来调整文本框的大小,而是使用高度和宽度 CSS。

非常感谢您提出想法或意见。

【问题讨论】:

  • 您能详细说明一下高度和宽度的含义吗?
  • 我正在使用以下内容设置字段:` .input { position: relative;宽度:100px;高度:10px; } `

标签: javascript css resize textfield text-cursor


【解决方案1】:

使用text-indent 属性:

input {
  text-indent:20px;
}

您还可以使用固定宽度的填充。这将保持宽度固定在100px,但仍会进行填充。

input {
  padding-left: 10px;
  width: 100px;
}

【讨论】:

  • 在 Internet Explorer 中不起作用。有解决办法吗?
  • 好的。效果很好。指定文本大小的方法怎么样?
  • Internet Explorer 对一切都做了奇怪的事情。它真的应该退出市场。
  • font-size。我推荐reading more 关于CSS
猜你喜欢
  • 2013-03-21
  • 1970-01-01
  • 2011-05-10
  • 1970-01-01
  • 2013-11-21
  • 2011-04-23
  • 1970-01-01
  • 1970-01-01
  • 2019-11-14
相关资源
最近更新 更多