How do I change the color of the hyperlink text on hover?

Copper Contributor

I am using JSON formatting to change the view on my list. I have a botton I am displaying on the gallery card view...in the button, I am displaying "Click to RSVP"...this text is currently displayed as a huperlink in the button (underlined). When the user hover over the button, I want to be able to change the background color of the button and the text being displayed in the button. 

 "children": [
    {
      "elmType": "button",
	  "customRowAction": {
		  "action": "Setvalue",
		  "actioInput": {
			  "Column1": "value1"
		  }
	  },
	  "attributes": {
		  "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover ms-bgColor-blue--hover ms-fontColor-white--hover"
	  },
	  "style": {
		  "background-color": "sky-blue",
		  >cursor": "pointer",
		  "width": "fit-content",
		  "border-color": "gray"
	  },
	  "children": [
	  {
		  "elmType": "a",
		  "txtContent": "Click to RSVP",
		  "attributes": {
			"target": "_blank",
			"href": "https://myurl"
		  },
		  "style: {
			  "word-break": "keep-all"
		  }
	  }
	  ]
      
    }
  ]

 

With the above formatting, the bckground color of the button does change when a user hovers over the button. However, the text in the button does not change color.

Is it possible to change the font color of the hyperlink text, when a user hover over the button? 

0 Replies