Javascript gojs中悬停按钮的自定义样式
我使用下面的代码创建了一个按钮,当用户将鼠标悬停在图表节点上时显示该按钮。但是按钮看起来很正常,没有任何样式 我想让这个按钮类似于引导主按钮。如何将自定义css添加到此悬停按钮Javascript gojs中悬停按钮的自定义样式,javascript,html,css,gojs,Javascript,Html,Css,Gojs,我使用下面的代码创建了一个按钮,当用户将鼠标悬停在图表节点上时显示该按钮。但是按钮看起来很正常,没有任何样式 我想让这个按钮类似于引导主按钮。如何将自定义css添加到此悬停按钮 我已经设法设计了如下按钮的样式 $("Button", { alignment: go.Spot.Bottom, alignmentFocus: go.Spot.Left, "ButtonBorder.fill": "#007bff", "ButtonBorder
我已经设法设计了如下按钮的样式
$("Button", {
alignment: go.Spot.Bottom,
alignmentFocus: go.Spot.Left,
"ButtonBorder.fill": "#007bff",
"ButtonBorder.stroke": "#007bff",
"_buttonFillOver": "#007bff",
"_buttonStrokeOver": "#007bff",
cursor: "pointer",
width: 80,
padding: go.Margin.parse('30 0 0 5')
},
$(go.TextBlock, "Analyse", {
stroke: '#fff',
margin: 2,
}))
$("Button", {
alignment: go.Spot.Bottom,
alignmentFocus: go.Spot.Left,
"ButtonBorder.fill": "#007bff",
"ButtonBorder.stroke": "#007bff",
"_buttonFillOver": "#007bff",
"_buttonStrokeOver": "#007bff",
cursor: "pointer",
width: 80,
padding: go.Margin.parse('30 0 0 5')
},
$(go.TextBlock, "Analyse", {
stroke: '#fff',
margin: 2,
}))
//Supplement two attributes:
$("Button", {
alignment: go.Spot.Bottom,
alignmentFocus: go.Spot.Left,
"ButtonBorder.fill": "#007bff",
"ButtonBorder.stroke": "#007bff",
"_buttonFillOver": "#007bff",
"_buttonStrokeOver": "#007bff",
"_buttonFillPressed": '#3A8EE6',
"_buttonStrokePressed": '#3A8EE6',
cursor: "pointer",
width: 80,
padding: go.Margin.parse('30 0 0 5')
}