html - How to Style a disable DIV element -


i can make input element respond :hover , :hover:disable

but looks div doesn't respond same.

.btn {    width: 99px;    border-color: 2px #787878;    background-color: #cacaca;    margin-left: 76px;    margin-top: 21px;    position: relative;    border-radius: 26px;    -moz-border-radius: 26px;    -webkit-border-radius: 26px;    cursor: pointer;  }  .btn:hover:disabled {    background: red;    cursor: no-drop;  }
<div class="btn" id="divdisable" style=" height: 30px;line-height: 30px; text-align: center;" disabled>disabled  </div>    <input class="btn" id="idisabled" type="submit" value="disabled" disabled>

full sample tried

bonus info

question answer div doesn't have disable

make div content disable

http://jsfiddle.net/ws47f/

a div element doesn't have disable attribute. add class in case css.

div.divdisable:hover {} 

Comments

Popular posts from this blog

node.js - How to mock a third-party api calls in the backend -

amazon web services - Installing MobileFirst 7.0 server on AWS -

Non Unique Username with ASP.Net Identity 2.0 -