• intrepid9

    (@intrepid9)


    How do you make a rounded text field?

    For example, when I went to google.com, it would be a solid rectangle

    But When I went to uploaded.to, it would even make the proxy browser show a rounded text field.

    I linked pictures so you can see what I mean

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    (@esmi)

    Try googling on “css border-radius”.

    Thread Starter intrepid9

    (@intrepid9)

    I tried { border-radius: 50px; } but it didn’t work… I cleared everything

    Thread Starter intrepid9

    (@intrepid9)

    I also tried

    .border-radius {
       -moz-border-radius: 12px; /* FF1-3.6 */
    -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
            border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    }

    but that didn’t work either

    I am using a child theme so I put the code in the style.css

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

The topic ‘Rounded text field?’ is closed to new replies.