Question

我用Google搜索，但找不到任何东西。我知道我可以设置按钮文本，背景颜色等样式，但我想更改文本本身。

这就是我所尝试过的（当然最终的结果会更复杂，但这样做会有效）：

javascript:var tt=document.createElement('div');
tt.setAttribute('id', 'CMenu');
var g=document.getElementById('adCost');
var RAW='<button id ="save1Button" onclick=\"save1()\">SAVE SLOT 1</button>' +
'<button id ="load1Button" onclick="load1()">LOAD SLOT 1</button>' +
'<button id ="save2Button" onclick="save2()">SAVE SLOT 2</button>' +
'<button id ="load2Button" onclick="load2()">LOAD SLOT 2</button>' +
'<button id ="resetButton" onclick="reset()">RESET ALL PROGRESS</button>' +
'<button id ="freeClipsButton" onclick="cheatClips()">Free Clips</button>' +
'<button id ="freeMoneyButton" onclick="cheatMoney()">Free Money</button>' +
'<button id ="freeTrustButton" onclick="cheatTrust()">Free Trust</button>' +
'<button id ="freeOpsButton" onclick="cheatOps()">Free Ops</button>' +
'<button id ="freeCreatButton" onclick="cheatCreat()">Free Creativity</button>' +
'<button id ="freeYomiButton" onclick="cheatYomi()">Free Yomi</button>' +
'<button id ="resetPrestige" onclick="resetPrestige()">Reset Prestige</button>' +
'<button id ="destroyAllHumansButton" onclick="cheatHypno()">Destroy all Humans</button>' +
'<button id ="freePrestigeU" onclick="cheatPrestigeU()">Free Prestige U</button>' +
'<button id ="freePrestigeS" onclick="cheatPrestigeS()">Free Prestige S</button>' +
'<button id ="debugBattleNumbers" onclick="setB()">Set Battle Number 1 to 7</button>' +
'<button id ="availMatterZero" onclick="zeroMatter()">Set Avail Matter to 0</button>';
g.appendChild(tt);
document.getElementById('CMenu').innerHTML= RAW

正确应用背景颜色，但文本不会更改。

编辑：要走的路似乎是一个自定义属性，如果有人知道该领域，我会喜欢简洁的解释和实现，这可以节省我几个小时的试验和错误我找到的几个来源！

Answer 1

不，您无法使用css设置按钮的文本。但是嘿！另一方面，您仍然可以使用css在按钮中显示图标！

您只需将此添加到您的css：

-fx-graphic : url("relative path to your icon");

如果您的图标在按钮中重复出现，请同时添加：

-fx-background-repeat : no-repeat;

JavaFX通过CSS设置Button文本

1 个答案: