文本框怎么变大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="text"] { width:200px } 答案 3 :(得分:6) 您的文本框代码: 您的CSS代码: input[type="text"] { height: 10px; width: 80px; } 或 .textboxclass { height: 10px; width: 80px; } 因此,首先选择具有属性的元素(查看第一个示例)或类(查看上一个示例)。稍后,您可以为元素指定高度和宽度值。 答案 4 :(得分:4) 这适用于IE 10和FF 23 答案 5 :(得分:2) 外景! width属性由max-width属性剪裁。 所以我用.... URI答案 6 :(得分:2) 如果您不想使用类方法,可以使用父子方法在文本框中进行更改。 例如。我在表单div中制作了一个表单。 HTML代码: Describe your project in detail. 现在CSS代码就像: .form textarea{ height: 220px; width: 342px; 问题解决了。 答案 7 :(得分:1) 试试这段代码: input[type="text"]{ padding:10px 0;} 这样它仍然独立于为文本框设置的文本大小。您正在使用填充增加高度。 答案 8 :(得分:1) 尝试: input[type="text"]{ padding:10px 0;} 这样它仍然独立于为文本框设置的文本大小。您正在使用填充增加高度 答案 9 :(得分:1) 可以使用height和width属性来调整元素的大小。 答案 10 :(得分:0) 您可以使从属输入宽度与容器宽度之间的关系。 /api/stuff?number=42&filter=[] |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |