How can I change the text selection color to blue?

[niceeee]

change the color of the text selection to blue

[niceeee]

https://5716e4.myshopify.com/

[Ifzan]

.search__input.field__input {
color: red;

}

[fadi_yousif]

Target the highlighted text with the ::selection selector and then define the color:

input#Search-In-Modal-1::selection {
    color: blue;
}

or

input#Search-In-Modal-1::selection {
    background-color: blue;
}

Experiment with color and background-color to see which one you like best.

[Ifzan]

You can add simple any color in css like I have send you

[PageFly-Henry]

Hi @niceeee

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.search-modal__form input#Search-In-Modal-1 {

color: blue !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[ZenoPageBuilder]

Hello @niceeee

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

#Search-In-Modal-1::selection {
    background-color: #0000FF;
}

The result

Hope that helps!

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

input#Search-In-Modal-1 {
color: blue;
}

[niceeee]

how about on this page
Makerlab Electronics (makerlab-electronics.com) seems not working

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.search__input.field__input {
color: blue!important;
}

[niceeee]

same with this one

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.search__input.field__input {
color: blue!important;
background:white;
}
label.field__label {
color: #000!important;
}

[topnewyork]

Hi @niceeee

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above tag

input#Search-In-Modal-1::selection {
    background-color: blue;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solutions.

[niceeee]

I mean the text selection not the text itself

[niceeee]

I mean the text selection not the text itself

[oscprofessional]

Hello @niceeee

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.search__input.field__input {
    color: blue !important;
}