javascript - 如何调整Nogray时间选择器输入的宽度?

标签 javascript html css timepicker

<html>

<head>
  <script type="text/javascript" src="js/ng_all.js"></script>
  <script type="text/javascript" src="js/ng_ui.js"></script>
  <script type="text/javascript" src="js/components/timepicker.js"></script>
  <script type="text/javascript">
    ng.ready(function() {
      var my_timepicker = new ng.TimePicker({
        input: 'my_timepicker'
      });
    });
  </script>
  <style>
    #my_timepicker {
      margin: 0px;
      padding: 0px;
    }
  </style>
</head>

<body>
  Time : <br><input id="my_timepicker" name="my_timepicker_input" style="width:10px" type="text" autocomplete="off" required><br><br>
</body>

</html>

这是我使用 Nogray 时间选择器的 html。我无法调整输入的宽度。我尝试过理解源代码,但这对我来说太难了。谁能说出另一种方法吗?

最佳答案

实际上,nogray timepicker 不使用正文中给出的输入。它将在其上方创建一个新的输入元素,并且输入 my_timepicker 将被隐藏。因此,当我们通过 id 获取元素时,它实际上指向 my_timepicker 输入。但是,当我们将一个类添加到 my_timepicker 输入时,它也会将相同的类添加到 nogray 创建的输入中。因此,当我们按类获取元素时,它实际上指向 nogray 创建的输入。

关于javascript - 如何调整Nogray时间选择器输入的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48635674/

相关文章:

javascript - 通过悬停隐藏/取消隐藏 HTML 部分?

javascript - 如何使按钮可重复使用?

html - 如何在图像上方创建一个图层(不透明)?

HTML/CSS 这种在媒体查询中使用断点的概念不正确吗?

javascript - 将 css 模块应用于 AngularJS 的更好方法

javascript - Ember.TEMPLATES 为空 (ember-cli-htmlbars)

javascript - Python:实际上可以在 splitter 中访问文件上传吗?

javascript - 如何在 javascript 中引用像 Bottle 这样的 Web 框架返回的数据?

javascript - 计算三次贝塞尔曲线的弧长、曲线长度。为什么不工作?

html - Bootstrap 响应式多行文本叠加