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.
<input type="text" placeholder="A red placeholder text..">
Note: In most browsers, the appearance of placeholder text is a translucent or light gray color by default.
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.
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.
alright, found it:
$input-placeholder-color:
you can just change that in your sass editing file!
Just want to add that it should be before the import of the bulma files:
$input-placeholder-color: red;
@import "bulma";
would work.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With