天天看点

html表格样式带输入框代码,CSS3提交意见输入框样式代码

做了个输入框样式,如图:

html表格样式带输入框代码,CSS3提交意见输入框样式代码

CSS代码如下:

复制代码代码如下:

#button {

cursor:pointer;

width:30%;

margin:5px;

padding:8px;

border-radius:4px 4px 4px 4px;

font-size:14px;

font-weight:bold;

}

input{

transition:all 0.30s ease-in-out;

-webkit-transition: all 0.30s ease-in-out;

-moz-transition: all 0.30s ease-in-out;

border:#364f86 1px solid;

border-radius:3px;

outline:none;

}

input:focus{

box-shadow:0 0 5px rgba(81, 203, 238, 1);

-webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);

-moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);

}

textarea{

transition:all 0.30s ease-in-out;

-webkit-transition: all 0.30s ease-in-out;

-moz-transition: all 0.30s ease-in-out;

border:#364f86 1px solid;

border-radius:3px;

outline:none;

}

textarea:focus{

box-shadow:0 0 5px rgba(81, 203, 238, 1);

-webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);

-moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);

}

table代码如下:

复制代码代码如下:

用户名 *
联系方式 *
意见及建议