文本框怎么变大html,如何设置HTML文本框的大小? |
您所在的位置:网站首页 › 文本框怎么拉大 › 文本框怎么变大html,如何设置HTML文本框的大小? |
11 个答案: 答案 0 :(得分:111) 只需使用: textarea { width: 200px; } 或 input[type="text"] { width: 200px; } 取决于“文本框”的含义。 答案 1 :(得分:36) 您的加价: CSS: .resizedTextbox {width: 100px; height: 20px} 请注意,文本框大小是W3C box model的“受害者”。我的意思是受害者是文本框的高度和宽度是上面指定的高度/宽度属性的总和,以及填充高度/宽度和边框宽度。因此,根据不同浏览器中的默认填充,您的文本框在不同浏览器中的大小会略有不同。虽然不同的浏览器倾向于为文本框定义不同的填充,但大多数reset style sheets不会在重置表中包含标记,因此请记住这一点。 您可以通过定义自己的填充来标准化。这是带有指定填充的CSS,因此所有浏览器中的文本框看起来都相同: .resizedTextbox {width: 100px; height: 20px; padding: 1px} 我添加了1个像素填充,因为如果填充为0px,某些浏览器会使文本框看起来过于紧张。根据您的设计,您可能希望添加更多填充,但强烈建议您自己定义填充,否则您将把它留给不同的浏览器来自行决定。为了使浏览器更加一致,您还应该自己定义边框。 答案 2 :(得分:10) input[type=& |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |