Forums

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

Home Forums CSS [Solved] Border on input field

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

    Can any one please tell me how the style is set for the input? I need to copy the in set border but can’t fin the css anywhere.

    http://i42.tinypic.com/28uijx3.jpg

    Twitter markup:

    Thanks

    #149933
    Anonymous
    Inactive

    Hi, You can achieve that with inset box-shadow. So you can write:

    box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
    

    Go to the (https://css-tricks.com/almanac) to see explanation of this attribute.

    Regards ;]

    #149934
    Paulie_D
    Member

    Seems pretty simple…http://codepen.io/Paulie-D/pen/eLshJ

    #149937
    matthisco
    Participant

    Thanks guys.

    I can’t find how it done using the bootstrap 3 css though. Its not referenced anywhere.

    Thanks again

    #149941
    Paulie_D
    Member

    Perhaps it’s not in the Bootstrap CSS.

    Is that how their default input fields look?

    I don’t think so: http://getbootstrap.com/components/#input-groups

    #149947
    matthisco
    Participant

    Aha!

    Recopied the bootstrap.css file over and it looks fine!

    Many thanks for your help

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.