I created my form and applied some CSS to style it into two columns using a few articles I found on the interwebs. When I click on my Submit button, I get a green box around the form. I have no idea why, as I’m not seeing any of my CSS doing this. Here is a screenshot of what the green box looks like: http:\/\/i61.tinypic.com\/vdlab6.png<\/p>\n
Here is my CSS:<\/p>\n
#responsive-form{
\n\tmax-width:900px \/*– change this to get your desired form width –*\/;
\n\tmargin:0 auto;
\n width:100%;
\n}
\n.form-row{
\n\twidth: 100%;
\n}
\n.column-half, .column-full{
\n\tfloat: left;
\n\tposition: relative;
\n\tpadding: 0.65rem;
\n\twidth:100%;
\n\t-webkit-box-sizing: border-box;
\n -moz-box-sizing: border-box;
\n box-sizing: border-box
\n}
\n.clearfix:after {
\n\tcontent: “”;
\n\tdisplay: table;
\n\tclear: both;
\n}<\/p>\n
\/**—————- Media query —————-**\/
\n@media only screen and (min-width: 48em) {
\n\t.column-half{
\n\t\twidth: 50%;
\n\t}
\n}<\/p>\n
.wpcf7 input[type=”text”], .wpcf7 input[type=”email”], .wpcf7-select, .wpcf7-tel , .wpcf7 textarea {
\n\twidth: 100%;
\n\tpadding: 8px;
\n\tborder: 1px solid #ccc;
\n\tborder-radius: 3px;
\n\t-webkit-box-sizing: border-box;
\n\t -moz-box-sizing: border-box;
\n\t box-sizing: border-box
\n}
\n.wpcf7 input[type=”text”]:focus{
\n\tbackground: #fff;
\n}
\n.wpcf7-submit{
\n\tfloat: right;
\n\tbackground: #075992;
\n\tcolor: #fff;
\n\ttext-transform: uppercase;
\n\tborder: none;
\n\tpadding: 8px 20px;
\n\tcursor: pointer;
\n}
\n.wpcf7-submit:hover{
\n\tbackground: #ccdce9;
\n}<\/p>\n
Any idea why this green box happens?<\/p>\n
https:\/\/wordpress.org\/plugins\/contact-form-7\/<\/p>\n","protected":false},"template":"","class_list":["post-6074790","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/6074790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/6074790\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=6074790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}