border is not working

#27093

I am trying to create up-arrow using css. I have used all supported css properties but it is not working as expcted

<div style="width:0px;height: 0px;border-style: solid; border-width: 15px;border-top-color: transparent;border-right-color: transparent;border-left-color :transparent;border-bottom-color: #007bff;"></div><div style="width:10px;height: 20px;background-color: #007bff;margin-left:10px"></div>

Here is JSFiddle:

https://jsfiddle.net/kdmuwnne/

#29916

Try to use SVG instead

(and update PD4ML to newer version if needed)

[Author]

Posts