Shulou(Shulou.com)06/03 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.