Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Border of button is not being shown

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #280509
    johndee
    Participant

    Hi,

    A webform (in Webmin) i want to make the “Send Mail” button more outstanding. In the night theme version it is being displayed too similar as it surroundings. The HTML that is targeted:

    <button class="btn btn-default ui_submit ui_form_end_submit" type="button"> 
    <span data-entry="reply_send">Send Mail </span></button>
    <input class="hidden" type="submit" >
    </div></td></tr></table>
    

    The CSS i have tried so far:

    input[value="Compose"] { }
    html[data-background-style='nightRider'] button span[data-entry="reply_send"],
    html[data-background-style='nightRider'] button span[data-entry="reply_send"]:hover
    { 
        border-color:#1bbf89!important; 
        background-color:rgba(27,191,137,.1)!important;
        width: 111px;
        min-height: 26px;
        margin: -22px -18px;
        border:2px;
        padding-top: 8px;
        border-width:  10px 1px;
    }
    

    I do get the background-color displayed (only with the width and other values) but the border-color is not visible. Due to the fact that i had to push/increase the size of the background-color, do i think that the border something similar is needed.

    cheerz

    #280523
    Shikkediel
    Participant

    You have left out border-style, that’s why it won’t show.

    #280534
    johndee
    Participant

    I added:
    border-style: solid;

    Still no border is being shown. Any other tips?

    #280537
    Shikkediel
    Participant

    I think one would need an actual reduced test case to provide further ideas.

    #280550
    johndee
    Participant

    @Shikkediel

    Thats a bit of a problem, as it’s part of very large admin system: http://www.webmin.com

    I was able to color the delete button red. But HTML for the delete button was coded with . Which makes it easier to target. This is the css i used for changing the delete color button:

    #Delete-button
    input[value="Delete"] { }
    html[data-background-style='nightRider'] input[value="Delete"],html[data-background-style='nightRider'] input[value="Delete"]:hover, html[data-background-style='nightRider'] data-entry[value="mail_delall"] { 
        border-color:#db524b!important;
        background-color:rgba(219,82,75,.1)!important
    }
    

    Unless you know a way to target: …?

    #286032
    Shikkediel
    Participant

    Stupid spammers.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Border of button is not being shown’ is closed to new replies.