html - 是否可以使输入类型数字适合其显示的数字宽度?

标签 html css

有没有可能做这样的事情:

.input[type=number] {
    width: (width of the number inside of the input field)
}

最佳答案

用css做不到,用js实现很容易;

例如:

const input = document.querySelector('.myInput');

input.addEventListener('input', () => {
  const inputNumber = input.value;
  
  input.style.width = `${inputNumber}%`;
})
<input type="number" min="1" max="100" value="1"  class="myInput" />

关于html - 是否可以使输入类型数字适合其显示的数字宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58625454/

相关文章:

javascript - 使可拖动元素响应页面

java - 让 Jsoup 支持 JavaScript 动态生成的 html

jquery - 在两个样式表之间切换

html - 在 Gmail 中将 HTML 电子邮件正文居中

javascript - 需要帮助使用 HTML 为 tumblr 博客中的图像按钮添加声音效果

php - 如何使用链接和使用 PHP、MySQL 获取来按字母顺序对表中的列进行排序?

javascript - 文本区域 : can it detect the loss of focus

jquery - CSS从多个具有相同类的目标中定位正确的div

html - CSS 证明内容 : space-between not being recognized

css - 如何在 github-pages 上使用 jekyll markdown 显示带有自动换行和行号的代码块