用于在javascript中设置文本框样式的CSS

Question

这可能很容易解决，但我无法弄明白。我试图将文本框的样式设置为与列表框相同的宽度。

Answer 1

你忘记了正确地写了ID，

<强> CSS

.teststyles input#PairTextbox {
    width: 80%;           ^---Typo here. IDs are case-sensitive. 
}

看看已更新jsFiddle

Answer 2

你有一个错字

.teststyles input#PairTextbox {
    width: 80%
}

因为PairTextbox！== PairTextBox

LIVE DEMO

Answer 3

你的css部分中你的id名称错了。而不是input，你应该添加input[type='text']作为选择器，否则它会影响同一类名下的所有输入元素。是

     .teststyles input[type='text'] #PairTextbox {
    width:80%;
}

或者您可以在输入文本字段中添加size属性。这样做。

<input id="PairTextbox" type="text" size='38'/>

用于编辑部分：

只需剪切并粘贴所需的元素并将其放在html中listItem框的顶部。您应该可以自己完成。jsFiddle