Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum4. Other

How to add underline for menubar item

Arun R T
10 years ago Jan 10, 2012 5:42am

How to add underline for menubar item. like (File))

the below css didn't work.

.v-menubar {
color: #000000;
text-decoration: underline;
}

please anybody help me....

Mathias Clerc
10 years ago Jan 10, 2012 5:48am

Did you try applying the CSS to ".v-menubar-menuitem-caption" or ".v-menubar-menuitem>.v-menubar-menuitem-caption" ?

Arun R T
10 years ago Jan 10, 2012 6:01am

If I apply styles for ".v-menubar-menuitem-caption" or ".v-menubar-menuitem>.v-menubar-menuitem-caption" shows all menu bar items shows underline, but i only require to underline "Top menu items (Like File, Edit etc...)".

Mathias Clerc
10 years ago Jan 10, 2012 6:04am

My mistake, how about ".v-menubar .v-menubar-menuitem-caption" ?

Arun R T
10 years ago Jan 10, 2012 6:26am

Fine. ".v-menubar .v-menubar-menuitem-caption" is working.

Mahmood shaik
8 years ago Mar 22, 2014 5:38am

how to underline only one letter in menu bar item. i'm able to do first letter underline but unable to do the second or third letter...