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>

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

Answer 1

实际上，nogray timepicker并没有使用身体中给出的输入。它将在其上方创建一个新的输入元素，并隐藏输入my_timepicker。因此，当我们按id获取元素时，它实际上指向my_timepicker输入。但是当我们向my_timepicker输入添加一个类时，它也会将相同的类添加到nogray创建的输入中。因此，当我们逐个元素地获取时，它实际上指向了nogray创建的输入。

Answer 2

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

但是，添加到用户定义输入的任何类也将添加到nogray创建的输入中。这就是为什么当你按类选择它时css工作的原因，而不是当你通过id选择它时。

Answer 3

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

如何在Nogray timepicker输入中调整宽度？

3 个答案: