列表/选择与现有输入/文本区相同需要CSS
我有这些css用于我的表单,但它缺少用于下拉列表/选择的css。我需要与以下相同的格式: CSS:列表/选择与现有输入/文本区相同需要CSS,css,Css,我有这些css用于我的表单,但它缺少用于下拉列表/选择的css。我需要与以下相同的格式: CSS: form input[type="password"], form input[type="text"] { display: block; width: 94%; margin: 5px 0; padding: 8px; color: #777; font-family: Arial; font-size: 13px; -webkit-border-radius: 5px; -moz-bord
form input[type="password"], form input[type="text"] {
display: block;
width: 94%;
margin: 5px 0;
padding: 8px;
color: #777;
font-family: Arial;
font-size: 13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ADADAD;
outline: none;
}
form textarea {
display: block;
width: 94%;
margin: 5px 0;
padding: 8px;
color: #777;
font-family: Arial;
font-size: 13px;
overflow: auto;
resize: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ADADAD;
outline: none;
}
您可以使用选择选择器
form select {
}
您应该根据输入的类型使用CSS类名。例如,文本输入应该有一个CSS类名“TextBox”,check输入应该有一个CSS类名“CheckBox”,您可以单独设置所有CSS属性。您还可以在单个元素上设置多个CSS类名,如
“控件文本框禁用”
、“控件复选框”
、或“控件标签红色文本”
您还可以使用JQuery选择器查找任何类型的输入并执行任何您想要的操作
我希望这有助于:
.Control
{
display: block;
width: 94%;
color: #777;
font-family: Arial;
font-size: 13px;
}
.TextBox-Base
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ADADAD;
outline: none;
margin: 5px 0;
padding: 8px;
}
.TextBox,
.PasswordBox
{
}
.RichTextBox
{
overflow: auto;
resize: none;
}
.DropDownList
{
}
HTML示例代码:
<input type="text" class="Control TextBox-Base PasswordBox" />
<input type="password" class="Control TextBox-Base PasswordBox" />
<textarea class="Control TextBox-Base RichTextBox"></textarea>
<select class="Control DropDownList" ></select>
干杯在选择器列表中添加“选择”,不确定是否所有浏览器都支持并正确显示CSS。我应该在class=TextBox和PasswordBox中添加什么?我累了class=“Control TextBox Base”,但效果不好。你是什么意思?你的控件是文本框和密码框?!。TextBox,.PasswordBox{}我应该在这里放一些东西吗?如果你需要为TextBox和PasswordBox设置一些不同的东西,是的。我只是让你需要如何实现样式。干杯
$(".TextBox-Base") //returns all the elements that has "TextBox-Base" class name included.
$(".TextBox") //returns all the elements that has "TextBox" class name included.
$(".PasswordBox") //returns all the elements that has "PasswordBox" class name included.
$(".RichTextBox") //returns all the elements that has "RichTextBox" class name included.
$(".DropDownList") //returns all the elements that has "DropDownList" class name included.