How do you change an element's name attribute's CSS

Question

I'm trying to change the pop-up of an element using CSS, yet it doesn't work.

name {
  background-color: #00BBFF;
  color: white;
}

<button title="name">Test</button>

http://stackoverflow.com/questions/484137/is-it-possible-to-format-an-html-tooltip-title-attribute — Michael Coker, Jan 26 '17 at 23:36

score 1 · Answer 1 · answered Jan 26 '17 at 23:21

1

Looks like you want to use the attribute selector https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

button[title="name"] {
  background-color: #00BBFF;
  color: white;
}

<button title="name">Test</button>

answered Jan 26 '17 at 23:21

Michael Coker

52,626
5
64
64

I want to edit the popup, not the button itself. – Senpai Saitama Jan 26 '17 at 23:30
@SenpaiSaitama what popup? You didn't include any of that in your post. – Michael Coker Jan 26 '17 at 23:32
The popup which comes when you hover over something... The title attribute – Senpai Saitama Jan 26 '17 at 23:34
@SenpaiSaitama oh, you can't style that. http://stackoverflow.com/questions/484137/is-it-possible-to-format-an-html-tooltip-title-attribute – Michael Coker Jan 26 '17 at 23:36

Gabriel · Answer 2 · 2017-01-26T23:44:56.573

0

Unfortunately, the tooltip style cannot be changed in any browser.

I'd suggest you implementing your own with CSS (add a hidden span or some other element with the tooltip and show it on button:hover) or JS (nicer as you could set a delay before is shown).

edited Jan 26 '17 at 23:44

answered Jan 26 '17 at 23:23

Gabriel

2,170
1
17
20

I want to edit the pop-up, not the button itself – Senpai Saitama Jan 26 '17 at 23:30
Well, that wasn't clear. Your snippet doesn't show any popup. Please, post more code or a working example and I'll update my answer. – Gabriel Jan 26 '17 at 23:31
The popup that comes after you hover on something... The title attribute – Senpai Saitama Jan 26 '17 at 23:35
Oh, you meant the tooltip. No, you can't edit its style. – Gabriel Jan 26 '17 at 23:38

How do you change an element's name attribute's CSS

2 Answers2