4 ms·

No need for the JS, just change the font if the input isn't empty, right?

• maweki 9y ago
  yeah. The :empty() pseudoclass should do the trick.
  • vilmosi 9y ago
    :empty is for elements with no children, not empty value.
    • uitgewis 9y ago
      You could potentially use the validation rules, and set a min length of 1.
      • KwanEsq 9y ago
        You'd need [required] instead of [minlength] for :valid to work. The other option is :placeholder-shown, to style no-input normally, but it's newer and not as supported.
        • vilmosi 9y ago
          I wonder if the good old input[value=""] would work. Probably not if you have jQuery.
          • bzbarsky 9y ago
            No, because that matches on the HTML attribute (aka the defaultValue property in JS), not on the current value of the input.
• eadmund 9y ago
  Yeah, but this is 2017, when we can't even display images or text on a webpage without JavaScript. Why do in a few characters of CSS what can be done in kilobytes of remotely-executed JavaScript?
• ThrustVectoring 9y ago
  Alternatively, couldn't you make "password" an eight-character ligature that looks like the word rather than eight discs?