Heim >Web-Frontend >HTML-Tutorial >CSS3提交意见输入框样式_html/css_WEB-ITnose

CSS3提交意见输入框样式_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:55:181281Durchsuche

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


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代码如下:


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


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn