- Joined
- Aug 16, 2022
- Messages
- 61
- Reaction score
- 2
Hi everybody,
I have several <input type=> buttons on my forms.
so that the buttons themselves look unique.
The issue I have is when I hover any one of the buttons, I see a pretty plain-appearance popup message defined by the title attribute.
How can I modify how that title attribute displays? Say with background-color="blue";
I have several <input type=> buttons on my forms.
HTML:
<input type="submit" class="submitbtn1" title="Submit your Registration" value="SUBMIT">
CSS:
.form-container .submitbtn1 {
border-style: groove;
border-width: 0.125rem;
border-radius: 1.25rem;
border-color: #000000;
background-image: -webkit-linear-gradient(top left, #004001 ,#80FF81 );
background-image: linear-gradient(to bottom right, #80FF81 , #004001 );
font-family: "Comic Sans MS", cursive, sans-serif;
font-size: 1rem;
color: #FFFFFF;
}
.form-container .submitbtn1:hover {
border-style: groove;
border-width: 0.125rem;
border-radius: 1.25rem;
border-color: #000000;
background-image: -webkit-linear-gradient(top left, #80FF00 ,#004001 );
background-image: linear-gradient(to bottom right, #004001 , #80FF81 );
font-family: "Comic Sans MS", cursive, sans-serif;
font-size: 1rem;
color: #FFFF00;
}
The issue I have is when I hover any one of the buttons, I see a pretty plain-appearance popup message defined by the title attribute.
How can I modify how that title attribute displays? Say with background-color="blue";