如何调整 Nogray timepicker 输入的宽度？

Question

<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>

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

Answer 1

我没有使用 id 来识别元素，而是使用 class 属性来设置 css 中的宽度。因此它运作良好！.

Answer 2

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

Answer 3

Nogray timepicker 使用输入 "my_timepicker" 仅用于获取他们想要创建实际输入的位置。浏览器上显示的输入不是您给的输入。您可以通过单击输入上的检查元素来观察它。

但是添加到用户定义输入的任何 class 也将添加到 nogray 创建的输入。这就是为什么 css 当你 select 它通过 class 而不是当你 select 它通过 id.

时起作用的原因。

如何调整 Nogray timepicker 输入的宽度？

How to adjust width in Nogray timepicker input?

javascript

html

css

timepicker