Dear Team,

I am having difficulties in changing the background color of a button when hovering over it . I am using IE11 in w7.

I used the following internal style sheet in my application. I am using DOM explorer developer tool to alter the code for testing purpose.

<!DOCTYPE html>
<html>
<head>
<style>

button:hover{background-color:gray;}

</style>
</head>

<body>

<button type="button" onclick="alert('Hello world!')">Click Me!</button>

</body>
</html>

When i use this, it shows as dashed in the developer tools, I mean the internal style sheet codes are showing as dashed. (like the one in eclipse if we use any depreciated methods).

Please advise how to change the background color of a button when hovering over it in IE 11