Skip to content Skip to sidebar Skip to footer

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"