SharePoint 列表视图 JSON 格式悬停颜色

Question

如何更改 SharePoint 列表视图中超链接的悬停颜色？

我的 JSON 列表视图如下。

谢谢！

{
 "$schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json",
 "hideSelection": true,
 "hideColumnHeader": true,
 "rowFormatter": {
     "elmType": "a",
     "txtContent": "@currentField",
     "attributes": {
        "class": "sp-field-fontSize14",
        "href": "[$Link]"
     },
     "style": {
        "color": "#8F7034",
        "text-decoration": "none",
        "width": "300px",
        "min-width": "200px",
        "min-height":"1em",
        "height":"1em",
        "white-space": "nowrap",
        "padding-left": "=if(indexOf(@currentField, ' ') == 1, '', if(indexOf(@currentField, ' ') == 3, '20px', '40px'))"  
     }
 }
}

Answer 1

使用ms-bgColor-<color>--hover更改悬停颜色。

例如：

attributes": {
      "class": "sp-field-fontSize14 ms-bgColor-red--hover",
      "href": "[$Link]"
    },

SharePoint 列表视图 JSON 格式悬停颜色

SharePoint List View JSON format hover color

css

sharepoint

sharepoint-list