Skip to content

Commit 9e10b35

Browse files
committed
CF7 inputs don't have proper focus styling #212
1 parent 14f2d30 commit 9e10b35

File tree

1 file changed

+7
-3
lines changed

1 file changed

+7
-3
lines changed

style.css

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1967,7 +1967,7 @@ input[type="text"], textarea {
19671967

19681968
input[type="text"], input[type="search"], input[type="email"], input[type="tel"] {
19691969
background: #f5f5f5;
1970-
border: none;
1970+
border: 1px solid transparent;
19711971
width: 100%;
19721972
height: 50px;
19731973
padding-left: 20px;
@@ -1982,7 +1982,7 @@ input[type="text"]:focus, input[type="search"]:focus {
19821982

19831983
textarea {
19841984
width: 100%;
1985-
border: none;
1985+
border: 1px solid transparent;
19861986
background: #f5f5f5;
19871987
margin-bottom: 24px;
19881988
border-radius: 0;
@@ -3490,7 +3490,11 @@ footer .widget_product_search .woocommerce-product-search:before {
34903490
.widget.widget_search .search-form > input#s:hover,
34913491
.widget.widget_search .search-form > input#s:focus,
34923492
.widget_product_search .woocommerce-product-search > input.search-field:hover,
3493-
.widget_product_search .woocommerce-product-search > input.search-field:focus {
3493+
.widget_product_search .woocommerce-product-search > input.search-field:focus,
3494+
textarea:hover,
3495+
textarea:focus,
3496+
input[type="text"]:hover, input[type="search"]:hover, input[type="email"]:hover, input[type="tel"]:hover,
3497+
input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus {
34943498
border-color: #745cf9;
34953499
box-shadow: none;
34963500
outline: none; }

0 commit comments

Comments
 (0)