Re-Style (CSS) Search Input and Button

Hi,
Current I “Hard-code” CSS for Re-Style the Search Input and Button like this:

#category-search-field {
    width: calc(100% - 45px);
    margin-right: 4px;
}

and add class “.button” to #category-search-button

<button type="button" id="category-search-button" class="meta-box-search-button button">Go</button>

The result will be like the screenshot:
https://ibb.co/qdLzMS9

Can you update it in your plugin?

P/S:
– This solution can be apply to the “Clear Button X” when Taxonomy(Categories) In-field search enable. “X” become “Close/Clear/Reset”.

<p style="">Search</p>
<input type="text" name="search-field-in" style="width:calc(100% - 70px);" class="meta-box-search-field">
<button type="button" style="" class="button">Reset</button>

The result will be like this screenshot:
https://ibb.co/rFVLLpd

– Also current the top of “Clear Button X” should be 27 px not 25 px.

Thanks

• This topic was modified 3 years, 9 months ago by datverse.
• This topic was modified 3 years, 9 months ago by datverse.
• This topic was modified 3 years, 9 months ago by datverse.
• This topic was modified 3 years, 9 months ago by datverse.
• This topic was modified 3 years, 9 months ago by datverse.
• This topic was modified 3 years, 9 months ago by datverse.
• This topic was modified 3 years, 9 months ago by datverse.
• This topic was modified 3 years, 9 months ago by datverse.