Kendo ui 剑道界面中的图标翻转

Kendo ui 剑道界面中的图标翻转,kendo-ui,telerik,Kendo Ui,Telerik,根据,应该可以使用CSS类翻转按钮图标(k-flip-h水平翻转,而k-flip-v垂直翻转) 我这样做就像文档使用span: $(“#正常”).kendoButton(); $(“#翻转”).kendoButton() 它似乎确实不见了。您可以添加以下CSS(从font awesome中借用)使其正常工作: .k-flip-h { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)

根据,应该可以使用CSS类翻转按钮图标(
k-flip-h
水平翻转,而
k-flip-v
垂直翻转)

我这样做就像文档使用span:

$(“#正常”).kendoButton();
$(“#翻转”).kendoButton()

它似乎确实不见了。您可以添加以下CSS(从font awesome中借用)使其正常工作:

.k-flip-h {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.k-flip-v {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}