CSS如何只给radio类型input表单控件设置样式?

html-css06

CSS如何只给radio类型input表单控件设置样式?,第1张

写个.radio{

float:left

margin:0px

padding:0px…}//先写好打算控制的样式

在下面用到的时候就

<input

type="radio"

class="radio"

/>

可以设置表单控件的outline属性为none值来去掉Chrome浏览器中输入框以及其它表单控件获得焦点时的橙色边框。

css代码如下:

input,

button,

select,

textarea{outline:none}

CSS(层叠样式表):

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

Eg1:<input type="email" class="form-control" placeholder="请输入邮箱">

结论:form-control控件,可以为input元素添加CSS定制样式。

Eg2:<input type="text" class="form-control" placeholder="请输入用户名">

结论:form-control控件,可以为input元素添加CSS定制样式。

Eg3:表单控件(下拉选择框select)

<div class="form-group">

<select class="form-control">

<option>1</option>

<option>2</option>

<option>3</option>

</select>

</div>

结论:form-control控件,可以为下拉选择框select元素添加CSS定制样式。

Eg4:表单控件(文本域textarea)

<div class="form-group">

<textarea class="form-control" rows="3"></textarea>

</div>

结论:form-control控件,可以为文本域textarea元素添加CSS定制样式。