Reputation: 8589
I have a select tag which I am trying to give some style.
<select class="points-selection"
ng-options="line as line.pick for line in slip.lines">
</select>
then I have this
.points-selection {
background-color: get-color(nieve);
border: 0;
border-radius: get-space(xxx-small);
color: get-color(night);
cursor: pointer;
margin-top: get-space(xxx-small) + 1.5;
padding: get-space(xxx-small);
text-indent: 32.5%;
width: 100%;
}
I have that text-indent
prop set to 32.5%.
In chrome is doing this
which is exactly what I need.
But I have this on Firefox
clearly the text is not centered in Firefox, that's my issue so far.
so what should I do to fix it ?
Upvotes: 3
Views: 1684
Reputation: 46
Try normalizing the css for every browser
*{
margin:0px;
padding:0px;
}
or go to this link Normalize.css in GitHub
Upvotes: 1