Solved

ASP.net Hover color not working when background color applied

Posted on 2014-04-14
4
1,473 Views
Last Modified: 2014-04-14
Hi
The background color seems to stop the color changing on mouse hover in the following ASP.net code

 <style type="text/css">
        .style1
        {
            height: 34px;
        }
        .myHoverButton {
            background-color: white !important;
        }
        .myHoverButton:hover {
            background-color: #9999ff;            
        }  
    </style>

      <button id="button10"  class="myHoverButton">Submit</button>
0
Comment
Question by:murbro
  • 2
  • 2
4 Comments
 
LVL 39

Accepted Solution

by:
Pratima Pharande earned 500 total points
ID: 39998807
Remove  from style , what you want to do with this ?

.myHoverButton {
            background-color: white !important;
        }

this is working

 <style type="text/css">
        .style1
        {
            height: 34px;
        }
           .myHoverButton:hover {
            background-color: #9999ff;            
        }  
    </style>

      <button id="button10"  class="myHoverButton">Submit</button>
0
 

Author Closing Comment

by:murbro
ID: 39998813
Thanks. It works
0
 
LVL 39

Expert Comment

by:Pratima Pharande
ID: 39998815
If you want white background try this
<style type="text/css">
        .style1
        {
            height: 34px;
        }
        .myHoverButton {
            background-color: white ;
        }
        .myHoverButton:hover {
            background-color: #9999ff;            
        }  
    </style>
0
 

Author Comment

by:murbro
ID: 39999001
Thanks
0

Featured Post

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: blockā€¦
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

778 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question