Menu
Everything works fine in webkit browsers. But when i'm trying to use border-radius with input[type="url"] it doesn't work. Not even just using input. Nothing still works.
Css
section.crypter input {
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
padding: 5px;
}
HTML
<form>
<input type="url" placeholder="Insert URL" />
<input type="button" value="Crypt" />
</form>
Why isn't Firefox letting me style the input?
879
CSS Syntaxborder-bottom-left-radius: length|% [length|%]|initial|inherit; Note: If you set two values, the first one is for the bottom border, and the second one for the left border. If the second value is omitted, it is copied from the first. If either length is zero, the corner is square, not rounded.
The border-radius property is a shorthand property that can accept up to four values. The values represent (in order,) the top-left , top-right , bottom-right , and bottom-left corners. As is the case with any shorthand properties that use unit values, any omitted values are inherited from existing ones.
To add border radius on image and content box you need to add a code snippet. Go to WordPress Dashboard >> Divi >> Theme Options >> Custom CSS >> add below CSS code. Here you can change the 5px size according to your need.
Looks like you need to style the border first :
input {
border:1px solid #666666;
border-radius: 15px;
-moz-border-radius :15px;
-webkit-border-radius: 15px;
padding: 5px;
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
