Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I change the bulma placeholder color?

I need to change the color of the bulma CSS placeholder. I can use the code below for placeholders of normal input that is not bulma,

::-webkit-input-placeholder {
  color: blue !important;
}

but it doesnt work on buefy input field that is powered with bulma. I want you to know I have already setup sass for bulma editing and it works fine, but I dont know the placeholder of input field class to toggle it.

like image 990
Amir Khadem Avatar asked May 22 '19 19:05

Amir Khadem


People also ask

How can I change placeholder color?

<input type="text" placeholder="A red placeholder text..">

What is placeholder default color?

Note: In most browsers, the appearance of placeholder text is a translucent or light gray color by default.

How do I change placeholders?

Select the placeholder, position the pointer over a sizing handle, and then drag the handle until the placeholder is the size that you want. Select the placeholder, and then drag it to its new location. Select the placeholder, click the Format tab, and then make the changes that you want.

How do I change placeholder color in Wordpress?

BestWebSoft Support Team 1) Go to the plugin settings page and open "Appearance" tab; 2) Find and enable the "Style options" checkbox. 3) Find the "Text color" section and make necessary changes in the "Placeholder color" field. 4) Save changes.


Video Answer


2 Answers

alright, found it:

$input-placeholder-color:

you can just change that in your sass editing file!

like image 136
Amir Khadem Avatar answered Nov 05 '22 09:11

Amir Khadem


Just want to add that it should be before the import of the bulma files:

$input-placeholder-color: red;
@import "bulma";

would work.

like image 44
Galbeeyutd Mok Avatar answered Nov 05 '22 09:11

Galbeeyutd Mok