Change Input Field Border Colors on Datatables Editor?

Change Input Field Border Colors on Datatables Editor?

hamlet1964hamlet1964 Posts: 43Questions: 8Answers: 1

I've examined the DTE CSS, however, I can't seem to find a solution -
Any idea how I can change the border color around DTE input fields? The default is black; I would like to use #035096.

Any help much appreciated.
Thanks

This question has an accepted answers - jump to answer

Answers

  • rostrost Posts: 26Questions: 9Answers: 1

    What about

    div.DTE_Field_Type_textarea textarea {
        border: solid 1px #035096;
    }
    

    ?

  • hamlet1964hamlet1964 Posts: 43Questions: 8Answers: 1

    Thanks. That doesn't appear to work, however.

    I noticed, in looking at the Elements window in the Chrome Developer tool, the following:

    input {
        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        color: -internal-light-dark-color(black, white);
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0px;
        text-shadow: none;
        display: inline-block;
        text-align: start;
        -webkit-appearance: textfield;
        background-color: -internal-light-dark-color(rgb(255, 255, 255), rgb(59, 59, 59));
        -webkit-rtl-ordering: logical;
        cursor: text;
        margin: 0em;
        font: 400 13.3333px Arial;
        padding: 1px 2px;
        border-width: 2px;
        border-style: inset;
        border-color: -internal-light-dark-color(rgb(118, 118, 118), rgb(195, 195, 195));
        border-image: initial;
    }
    

    This is referenced as user agent stylesheet, whatever that is? Any idea?

  • colincolin Posts: 15,240Questions: 1Answers: 2,599
    edited June 2020 Answer ✓

    @rost was right if you're using textarea, most are text - see here,

    Colin

  • hamlet1964hamlet1964 Posts: 43Questions: 8Answers: 1

    Thanks so much! I'm not sure what I'm doing incorrectly, however, that code did not work in my html. The following tweak did, though:

    div.DTE_Field_Input input {
        border: solid 2px #035096;
    }
    div.DTE_Field_InputControl select {
        border: solid 2px #035096;
    }
    

    Thanks again for the help!

This discussion has been closed.