Jump to content
Sign in to follow this  
flourishdesignstudio

Remove Gradient on Dropdown Box

Recommended Posts

flourishdesignstudio    9
flourishdesignstudio

Hi there! I successfully changed the background color of the dropdown bow, but I can't figure out where the gradient overlay in coming from on this page: http://dec-network.com/home

 

Can anyone help me to remove it so that the box is solid gold? Thanks in advance!

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

I've looked at your site but I can't see a gradient in the overlay. http://screencast.com/t/kSF7mAEVDbQ

 

I've checked all the drop downs. If you could screenshot the area so we can take a look further that be great :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
James B    436
James B

No worries :-)

 

Which browser are you using? In chrome and firefox i see it as gold in the drop down - http://screencast.com/t/UhnwqopturDY


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
flourishdesignstudio    9
flourishdesignstudio

I was hoping that the box would be a solid gold color with no gradient on it. On Chrome and Safari, I see a gradient, like the image that I posted. On Firefox, it is solid. Is there a way to make it consistent across browsers?

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

I just looked in Chrome, and I don't see any gradient. 

 

Apparently, there's some CSS specific to Chrome:

select {
-webkit-appearance: menulist-button;
-webkit-border-image: none;
-webkit-box-align: center;
-webkit-rtl-ordering: logical;
-webkit-writing-mode: horizontal-tb;
background-color: rgb(152, 148, 78);
border-bottom-color: rgb(204, 204, 204);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(204, 204, 204);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(204, 204, 204);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(204, 204, 204);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
color: rgb(0, 0, 0);
cursor: default;
display: inline-block;
font-family: Helvetica, Arial, serif;
font-size: 14px;
font-weight: normal;
height: 31.5px;
letter-spacing: normal;
line-height: normal;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
text-align: start;
text-indent: 0px;
text-shadow: none;
text-transform: none;
vertical-align: middle;
white-space: pre;
width: 270px;
word-spacing: 0px;
writing-mode: lr-tb;
zoom: 1;
}

It's the rgb which appears to be setting the two tone controls, however, in Chrome, I do not see this effect, so it may be based on more than just the browser.

 

I seriously doubt most viewers see that effect, as I can't on multiple browsers.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×