How to implement the input box style of submission comments by CSS3
This article mainly introduces how to achieve the CSS3 submission comments input box style, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor with you to understand.
Make an input box style, as shown in the figure:
The CSS code is as follows:
# 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 code is as follows: user name * contact information * comments and suggestions Thank you for reading this article carefully. I hope the article "how to implement the input box style of CSS3 submitted comments" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!
