使用创建文档时无法设置输入元素的样式

Question

我通过以下代码创建一个输入元素：

＆＃13;

＆＃13;

 self._hiddenInput = document.createElement('input');
    self._hiddenInput.type = 'text';
    self._hiddenInput.width = self._width.toString();
    self._hiddenInput.height = self._height.toString();
    self._hiddenInput.style.position = 'absolute';
    self._hiddenInput.style.opacity = '0';
    self._hiddenInput.style.pointerEvents = 'none';
    self._hiddenInput.style.zIndex = '0';
    // hide native blue text cursor on iOS
    self._hiddenInput.style.transform = 'scale(0)';
    self._hiddenInput.style.left = self._pointTextbox.x + 'px';
    self._hiddenInput.style.top = self._pointTextbox.y + 'px';
    self._hiddenInput.style.width = self._width + 'px';
    self._hiddenInput.style.height = self._height + 'px';

    // append this to document
    document.body.appendChild(self._hiddenInput);

＆＃13;

＆＃13;

＆＃13;

但是当我将它附加到文档时，它没有像这样的宽度高度：

我不知道为什么这个输入无法应用我设置的样式。请帮帮我。

Answer 1

尝试设置css：

self._hiddenInput.style.cssText = 'width:50px;height:300px;';