如何使用语义UI组件设置宽度和高度输入

Question

您好，我是语义世界中的新成员，我想定制默认输入高度和宽度我知道我们在语义上有预定义的类，如小，大，小但我需要有自定义的高度和宽度。

在在输入部的语义文档（http://semantic-ui.com/elements/input.html），我们有下面的消息：

“输入将自动尺寸本身除非手动声明 宽度”

我已声明的宽度在输入是这样的：

<input width="10" type="text" value="test" placeholder="empty" readonly> 

但它不适用于我。请稍微帮忙。

Answer 1

注：宽度属性只用<input type="image">使用。 http://www.w3schools.com/tags/att_input_width.asp

这就是为什么你的代码不起作用。为了使它的工作，你可以这样做：

<input style="width:100px; height: 100px;" type="text" value="test" placeholder="empty" readonly> 

或者使用一个CSS文件：

input[type="text"] { 
    width: 100px; 
    height: 100px; 
} 

你可以改变100px的到你想要的宽度和高度。语义UI不会为你设置宽度和高度，这就是为什么他们说手动声明宽度。

Answer 2

你只把它放在一个自定义的CSS文件

input[type="text"]{ 
height: 100px; 
width: 400px; 
}