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

java - Could not locate OpenAL library -

c++ - Delete matches in OpenCV (Keypoints and descriptors) -

sorting - opencl Bitonic sort with 64 bits keys -