+ Start a Discussion
Justin Sanchez 3Justin Sanchez 3 

Showing arrow without having to hover for datepicker?

<apex:outputLabel style="width: 70% !important;">Created Date: </apex:outputLabel>
<apex:input label="From: " value="{!createdByStartDate}" type="auto"/>
<apex:input label="To: " value="{!createdByEndDate}" type="auto"/>


For my input labels, when I hover over it, it shows me a drop down arrow making it clear to users that it can be clicked, but otherwise the arrow disappears. I'm trying to figure out a way to keep it there permanently. Other solutions have suggested using

input[type="date"]::-webkit-calendar-picker-indicator {
  opacity:1;
}
But no matter where I try to put this, where it be in a style class or direct stlying on the input field,  I don't get any results.
Dinesh GopalakrishnanDinesh Gopalakrishnan
Hi Justin Sanchez 3,

Try Adding an !important Flag to the Style Property.
For Example:
opacity:1!important;


Kindly Mark this as a Best Answer if you Find this Useful!

Thanks,
DineshKumar Gopalakrishnan