Change Sweetalert Placeholder Color With Css
I have a Sweetalert as follows: swal({ title: 'my title', text: '',
Solution 1:
Found the solution. In sweetalert.css file there are these lines related to the placehodler:
.sweet-alertinput:focus::-moz-placeholder {
transition: opacity 0.3s0.03s ease;
opacity: 0.9; }
.sweet-alertinput:focus:-ms-input-placeholder {
transition: opacity 0.3s0.03s ease;
opacity: 0.9; }
.sweet-alertinput:focus::-webkit-input-placeholder {
transition: opacity 0.3s0.03s ease;
opacity: 0.9; }
.sweet-alertinput::-moz-placeholder {
color: whitesmoke; }
.sweet-alertinput:-ms-input-placeholder {
color: whitesmoke; }
.sweet-alertinput::-webkit-input-placeholder {
color: whitesmoke; }
Just had to change the opacities and the colors.
Post a Comment for "Change Sweetalert Placeholder Color With Css"