+ Start a Discussion

CSS Rendering Issue

Hey all,


I am trying to render an series of input boxes another color, to make them stand out. However, one of the boxes is a lookup, and it seems to be applying the css that I put on the inputfield to the little lookup image next to the field. Is there any way that I can get rid of that background behind the image? It looks pretty terrible.






Can you post your VF/CSS?


I suspect you might be able to handle this by using a styleClass with a selector constrained to input elements:



<style type="text/css">
.myStyle input {
   background-color: green;

<apex:inputField value="{!foo.bar}" styleClass="myStyle"/>




Hey thanks, great suggestions. However, it looks like 'input' is not the correct identifier for the input fields, I will try to figure out what the page wants to call them.