How to change title attribute css in <input>?

So, this default title attribute look isn't the best. Since html element already has "pattern," there's no reason to write another script to validate the pattern. The only thing that needs to be changed is the look of the pattern error notice. What's a way to achieve this with css? Or, do one must run a js script to display the notice (that looks better than default)?

Example from W3School https://www.w3schools.com/tags/att_input_pattern.asp

<form action="/action_page.php">
  <label for="pwd">Password:</label>
  <input type="password" id="pwd" name="pwd"
  pattern=".{8,}" title="Eight or more characters">
  <input type="submit">
</form>