Remove Gradient on Dropdown Box

[flourishdesignstudio+ 10]

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!

[James B 436]

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 :-)

[flourishdesignstudio+ 10]

Hi James! Sorry, I should have been more clear... I meant the dropdown in the sidebar. Here's what I am talking about...

http://dec-network.com/wp-content/uploads/2013/05/Screen-Shot-2013-05-03-at-5.48.50-PM.png

[James B 436]

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

[flourishdesignstudio+ 10]

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?

[Rob 547]

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.