Change DropDown border color in IE7

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • ismailc
    New Member
    • Sep 2006
    • 200

    Change DropDown border color in IE7

    Good day,

    Change DropDownList border color in IE7

    I read that this is not possible in IE but that was some time back and i'm using IE7 now.

    Is there a workaround in IE7 to change the border color of a dropdown.

    Regards
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #2
    Haven't a clue what that is but it's neither html or css.

    Comment

    • ismailc
      New Member
      • Sep 2006
      • 200

      #3
      A Drop Down Box border color!

      Comment

      • drhowarddrfine
        Recognized Expert Expert
        • Sep 2006
        • 7434

        #4
        Googling shows that "dropdownli st" is an ASP function of some sort. You'd have better luck asking on that forum because it's not directly related to html or css. If all you want to do is change the border color in general, in CSS you would just add 'border: #yourcolor'.

        Comment

        • TheServant
          Recognized Expert Top Contributor
          • Feb 2008
          • 1168

          #5
          I think he means a <select> tag...

          If you haven't already read this, do! Pay attention especially to the second reply:
          As Diodeus stated, IE doesn't allow anything but the default border for <select> elements. However, I know of two hacks to achieve a similar effect :

          Use a DIV that is placed absolutely at the same position as the dropdown and set it's borders. It will appear that the dropdown has a border.

          Use a Javascript solution, for instance, the one provided here.

          It may however prove to be too much effort, so you should evaluate if you really require the border.

          Comment

          • ismailc
            New Member
            • Sep 2006
            • 200

            #6
            Thank You All, nearly winning.

            is there a way of to make the border more narrow or not so bold, border: 1px solid becuase it looks like a bold border around the drop down

            <div style="border: 1px solid blue;">
            <select style="width: 100%;">

            Please Assist!

            Comment

            • TheServant
              Recognized Expert Top Contributor
              • Feb 2008
              • 1168

              #7
              1px is pretty thin, I think there's something else going on. Can you post a screenshot?

              Comment

              • ismailc
                New Member
                • Sep 2006
                • 200

                #8
                Thank You I have been struggling the entire Friday & went back to increase the font of the dropdown to increase the height.

                I did not have much time :)

                If you find a solution - please let me know

                Thank You :)

                Comment

                • Dormilich
                  Recognized Expert Expert
                  • Aug 2008
                  • 8694

                  #9
                  to increase the height you can also try the line-height property.

                  Comment

                  • ismailc
                    New Member
                    • Sep 2006
                    • 200

                    #10
                    does not do anything line-height: 0px;

                    Comment

                    • Dormilich
                      Recognized Expert Expert
                      • Aug 2008
                      • 8694

                      #11
                      er, line-height does not have anything to do with border, it’s for text layout.

                      Comment

                      • ismailc
                        New Member
                        • Sep 2006
                        • 200

                        #12
                        Thanks for helping :)

                        Comment

                        • ismailc
                          New Member
                          • Sep 2006
                          • 200

                          #13
                          Hi, the line-height does not change the dropdown height

                          i have to change the font, is there not another way?

                          Regards

                          Comment

                          • TheServant
                            Recognized Expert Top Contributor
                            • Feb 2008
                            • 1168

                            #14
                            so changing:
                            Code:
                            font: 8px red ...
                            for the select box doesn't work?

                            Comment

                            • ismailc
                              New Member
                              • Sep 2006
                              • 200

                              #15
                              Is there any other way besides changing the font size?

                              Thanks

                              Comment

                              Working...