URDINESH: CSS
Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

Thursday, July 16, 2015

How To Display Disabled Anchor tag as Gray In IE11

Hi All,

Many of us struggled when seeing their disabled anchor tag is display like active in IE11 but its grayed out in IE8,

Compared to IE8 , IE11 dealing very direct with styles of displaying the controls,

So to display a disabled anchor tag as gray you just need to to remove the color attribute that you have given for the anchor tag declaration,

<head>
    <title> Page</title>
</head>
<body>
<a href="http://www.urdinesh.blogspot.com" style="color:Blue" >click Me</a>
</body>
</html>


***Remove the highlighted style

Because in IE11 default all anchor tags are displayed as blue in color. By default when it is disabled
its automatically grayed out.\

You also make sure that in our application any part of the css file should not have following styles which may alter the color of the anchor tag,

a:hover {color:#FFFFFF;}

Thanks 

Saturday, August 16, 2014

KENDO GRID HEADER STYLES

Hi All,

To give styles to KENDO  Grid we need to overwrite their inbuilt  available CSS class properties, Here is solution



 Use the following to do this,
     .k-header
    {
        background-image: url('<url of the image>');
        background-position: <value>;
        background-repeat:  <value>;
        border-collapse:  <value>;
        border-right-color: # <HEX value>;
        border-style:  <value>;
        border-width:  <value>px;
        color: # <HEX value>;
        font:  <value>;
        font-weight:  <value>;
        padding:  <value>px  <value>px  <value>px  <value>px;
        text-align:  <value>;
        vertical-align:  <value>
    }
Example:
     .k-header
    {
        background-image: url('../../Images/GridHeaderBg.png');
        background-position: center;
        background-repeat: repeat;
        border-collapse: collapse;
        border-right-color: #EFEFEF;
        border-style: solid;
        border-width: 1px;
        color: #EFEFEF;
        font: bold 15px Verdana, "Helvetica Neue" ,Helvetica,sans-serif;
        font-weight: bold;
        padding: 8px 0px 8px 4px;
        text-align: center;
        vertical-align: top; 
    }
Note:

Here I am giving Data field with preceding its object name. 

Followers