【问题标题】:Changing the color of onclick selected text in kendo angular grid更改 kendo 角度网格中 onclick 选定文本的颜色
【发布时间】:2017-08-07 12:40:03
【问题描述】:

谁能帮我改变剑道角度网格中 onclick 选定文本的颜色。

【问题讨论】:

  • 你能分享一些你尝试过的代码吗?
  • .k-grid td.k-state-selected:hover, .k-grid tr:hover { color: #353535;背景颜色:#BFCCDD; } .k-grid-header .k-header { 背景色:#ffb91d;字体大小:13pt; } .k-pager-numbers .k-link.k-state-selected, .k-pager-numbers .k-link:link.k-state-selected { color: #353535;背景颜色:#ffb91d; } }--- 我试图改变剑道口音的 CSS,所有工作都期望选择的文本颜色。

标签: angular kendo-ui telerik


【解决方案1】:

::selection 是您正在寻找的用于更改所选文本颜色的属性(有关详细信息,请参阅this answer)。

要将其应用于您的剑道网格,请使用以下 CSS:

.k-grid ::selection {
  background-color: #3399FF;
  color: #fff;
}

如果您仍然遇到问题,请确保您将 CSS 应用于全局范围。由于style encapsulation,这是影响第三方组件(例如 Kendo 网格)样式的最简单方法。

注意:我选择了蓝色 #3399FF 和白色 #fff 文本,以将高亮颜色更改回 Internet Explorer 的标准。有关各种浏览器的默认颜色的更多详细信息,请参阅this answer。

【讨论】:

  • 虽然此代码 sn-p 可能是解决方案,但 including an explanation 确实有助于提高您的帖子质量。请记住,您是在为将来的读者回答问题,而这些人可能不知道您提出代码建议的原因。
  • 感谢 cmets!我将为未来的开发人员添加更多关于答案的信息。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-08-11
  • 1970-01-01
  • 1970-01-01
  • 2014-01-17
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多