jQWidgets Forums

jQuery UI Widgets Forums Grid CSS border color on the grid-cell-hover

This topic contains 2 replies, has 2 voices, and was last updated by  kingdomp 8 years, 9 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • CSS border color on the grid-cell-hover #87279

    kingdomp
    Participant

    Hi,

    I use the Theme Builder to generate my CSS for my GRID. I try to have a different color on my cell border when the mouse pass hover a row. Will like to have the top and bottom black. So fare I generate the CSS but is look that the border-color was not working. I put it red in this exemple. In the theme builder page is look working but when I export it, and using it, I don’t see the color. You can see a demo their, my border was suppose to be red on the mouse hover :

    https://jsfiddle.net/kingdomp/c02nzk0b/2/
    https://jsfiddle.net/kingdomp/c02nzk0b/2/

    .jqx-fill-state-hover-GAINGRID, .jqx-widget-GAINGRID .jqx-grid-cell-hover-GAINGRID
    {
    color: #000000;
    text-shadow: none;
    border-color: #FF0000;
    background-color: transparent;
    background-image: -moz-linear-gradient(top, transparent, transparent);
    background-image: -ms-linear-gradient(top, transparent, transparent);
    background-image: -o-linear-gradient(top, transparent, transparent);
    background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), to(transparent));
    background-image: -webkit-linear-gradient(top, transparent, transparent);
    background-image: linear-gradient(top, transparent, transparent);
    background-image: linear-gradient(to bottom, transparent, transparent);
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    font-family: calibri 14px;
    }

    CSS border color on the grid-cell-hover #87292

    Ivo Zhulev
    Participant

    Hi kingdomp,

    Set !important to it.

    border-color: #FF0000 !important;

    Best Regards,
    Ivo

    jQWidgets Team
    http://www.jqwidgets.com/

    CSS border color on the grid-cell-hover #87330

    kingdomp
    Participant

    Thanks that work but is it normal that I don’t have the border-top ? If I add border-top : 2px solid black !important; I see it but the text move because the border was bigger. How to also have the top border working ?

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.