[wp-trac] [WordPress Trac] #60164: Twenty Fourteen: Search block border is missing when button is inside wrapper, on front end

[WordPress Trac]

#60164: Twenty Fourteen: Search block border is missing when button is inside
wrapper, on front end
------------------------------+------------------------------
 Reporter:  nidhidhandhukiya  |       Owner:  (none)
     Type:  defect (bug)      |      Status:  new
 Priority:  normal            |   Milestone:  Awaiting Review
Component:  Bundled Theme     |     Version:  6.1
 Severity:  normal            |  Resolution:
 Keywords:                    |     Focuses:  css
------------------------------+------------------------------

Comment (by kamran8176):

 Hello, I tested the Above problem in another way below are the examples
 with **:is** and specific selector, I just remove **:where** pseudo-
 classes, because it has 0 specificity, Twenty Fourteen's CSS reset on div,
 overrides the border and padding of the input, below are two-way I tried
 to fix the problem.


 **Solution No 1.**

 {{{
 .wp-block-search__button-inside .wp-block-search__inside-wrapper{
         border: 1px solid #949494;
         padding: 4px;
 }
 }}}


 **Solution No 2.**

 {{{
 :is(.wp-block-search__button-inside .wp-block-search__inside-wrapper){
         border: 1px solid #949494;
         padding: 4px;
 }
 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/60164#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform