Blueprint CSS framework 分析(7)_CSS教程,DIV CSS视频教程,DIV CSS模板,DIV CSS布局入门教程

* For text fields, use class .title or .text

* For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

label { font-weight: bold; }

fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }

legend { font-weight: bold; font-size:1.2em; }

/* Form fields

-------------------------------------------------------------- */

/*这种方式的selector不错*/

input[type=text], input[type=password],

input.text, input.title,

textarea, select {

background-color:#fff;

border:1px solid #bbb;

}

/*获取到焦点时改变边框颜色，不用JS就能实现，很实用*/

input[type=text]:focus, input[type=password]:focus,

input.text:focus, input.title:focus,

textarea:focus, select:focus {

border-color:#666;

}

input[type=text], input[type=password],

input.text, input.title,

textarea, select {

margin:0.5em 0;

}

input.text,

input.title { width: 300px; padding:5px; }

input.title { font-size:1.5em; }

CSS教程,DIV CSS视频教程,DIV CSS模板,DIV CSS布局入门教程 - CSS中国