如何強調vaadin中按鈕標題的字母？

我在我的Vaadin應用程序中使用鍵盤快捷鍵。所以我想突出顯示按鈕標題中的一個字母。下劃線可能是標題的第一或第二或第三個字母。如何強調vaadin中按鈕標題的字母？

我能夠通過使用CSS的「首字母」屬性強調的第一個字母。如何強調第二封或第三封信？

NativeButton btn = new NativeButton("Edit"); 
btn.addStyleName("myunderline"); 

.mytheme .myunderline.v-nativebutton::first-letter { 
    text-decoration: underline; 
}

有什麼解決辦法嗎？

謝謝！

來源

2016-05-11 mahmood sk

所以我想強調的按鈕標題一封信......

您還沒有指定要使用的vaadin版本。但最新的vaadin 7（> 7.4）版本支持HTML Button標題。

NativeButton nb = new NativeButton("<u>E</u>dit"); 
nb.setCaptionAsHtml(true);

來源

2016-05-12 05:08:45

看起來沒有簡單的CSS解決方案，基於This Answer，有人試圖做同樣的事情，而從Vaadin論壇的This Answer。

基本上，你的最簡單的選擇是包你想在應用下劃線自己的元素來強調信：

<button ...>Te<span class=underline>x</span>t</button>

...或者類似的規定。上面的第一個鏈接有一個答案，它引用了很多其他的JS庫（lettering.js，nth-everything-css），它們可能會幫助你。

來源

2016-05-11 12:14:14

在快捷偵聽器創建過程中可以使用&符號表示它。

根據Vaadin文檔： https://vaadin.com/docs/-/part/framework/advanced/advanced-shortcuts.html

// A field with Alt+A bound to it, using shorthand notation 
TextField address = new TextField("Address (Alt+A)"); 
address.addShortcutListener(
     new AbstractField.FocusShortcut(address, "&Address"));

希望它能幫助。

來源

2016-05-11 12:22:15 OscarBcn

如何強調vaadin中按鈕標題的字母？

回答

相關問題