?
Solved

disable -moz-border-radius and -webkit-border-radius

Posted on 2010-03-29
2
Medium Priority
?
964 Views
Last Modified: 2012-05-09
I have a style that sets -moz-border-radius and -webkit-border-radius on all input tags however I want to not set it on input[type=submit]. How can I turn off in a style what is turned on in another?

0
Comment
Question by:janeworley
2 Comments
 

Accepted Solution

by:
jeb218 earned 1000 total points
ID: 29007212
I believe this should do what you are looking for:

Make sure that the style you want to override the others comes after the other style. Also the "!important" tells the browser that this is what you want to be done even if the same property is set elsewhere.

The example code is for font color, but it can be used to override the border radius as well (and any other css property for that matter)
<style type="text/css">
input{
	color:blue;
}
input[type=submit]{
	color:red !important;
}
</style>

Open in new window

0
 
LVL 6

Assisted Solution

by:blueghozt
blueghozt earned 1000 total points
ID: 29121428
try this
input
{
	-moz-border-radius: 3px;
        -webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius:3px;
}
input[type="submit"]
{
	-moz-border-radius: 0;
        -webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius:0;
}

Open in new window

0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

601 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question