change color input field

Anonymous

#201954

good morning,

I’m trying to change the color of the placeholder and the background of the “input.sf-input-text” field, but it does not take my code.

code:

input.sf-input-text{

background-color:#f2f2f2;

color:#00bf95;
}

here is the test page I’m working on:https://www.riplove.world/aaa/

thanks
Massimo Scolari

Trevor

#201965

Your code would need to look more like this:

form input[type="text"].sf-input-text {
  background-color:#f2f2f2;
  color:#00bf95;
}

I think. You also need to clear the Autoptimize cache, as well as any page caches you have.

Anonymous

#201976

how can I get the same thing for the input select field?

thanks

Trevor

#201984

Something like this (to do them all):

form.searchandfilter select {
  background-color:#f2f2f2;
  color:#00bf95;
}

I think.

Anonymous

#201990

thanks Trevor you are very kind ….
can I ask you one last thing?
if you look at the page and the drop-down fields when you go over an item with the mouse, the background of the entry turns blue.
What code do I need to add in order to change the blue color?
that’s all
thank you

Trevor

#202010

Ah. THAT is set by the browser. And the code to ‘fix’ it varies according to browser and browser version.

It is better to use the Select2 V4 script and then style that. This post explains how:

https://support.searchandfilter.com/forums/topic/how-can-i-customize-the-form-with-css/#post-199584

Anonymous

#202015

thanks !

Anonymous

#202017

it does not change the color of the placeholder: field input text “name”

form input[type="text"].sf-input-text {
  background-color:#68001d;
  color:#ffffff;
}

see page: https://www.riplove.world/aaa/

Trevor

#202021

Placeholder font color would be like this, I think:

form input[type="text"].sf-input-text::placeholder {
  color:#fff;
}

[Author]

Posts