style in span is partially not working.
I am trying to set css component on my buttons.
there are 3 buttons in total and two of them were already exsisted before I mand. css class is successfully applied on those 2 buttons but not for the only one I just have made.
- here are codes. the button that is causing problem is the first span, "info-button".
<div class="buttons">
***<span class="button-navy">
<button type="button" class="info-button">안내</button>
</span>***
<span class="button-navy">
<button type="button" class="search-button" ng-disabled="!ctrl.displayed || ctrl.displayed.length == 0" ng-click="ctrl.printOut()">출력</button>
</span>
<span class="button-blue">
<button type="button" class="search-button" ng-click="ctrl.reloadl()">새로고침</button>
</span>
</div>
- the classes with style is "button-navy" and "button-blue" with background colored tags. I tried to apply both types but not working.
- "info-button" and "search-button" doesn’t have any styles
- I have tried power refresh several times but it doesnt seem working.
if I have checked the priority on css, what should I check next?
2
Answers
Yes, you can achieve this effect using the background-clip property and the rgba color value. The key is to use an rgba color for the background of element1 with the desired color and the same alpha value as element2. This way, the color of element1 will be preserved, and only its opacity will be affected.
first check you do you linked css file correctly. And if it’s yes please try access classess with parent class.
Eg:-
or you can use important ketword as follow,