Join GitHub today
White border seen almost at the top of button with iconpos='notext' #3613
<a data-role='button' data-iconpos='notext'></a> generates a nice, circular button suitable for all kinds of widgets. Unfortunately, the span.ui-btn-inner inside the anchor adds a 1px white border, which becomes compressed to the top of the button, causing a white line to be tangent to the button at the top.
This line is visible with multiple swatches (tried a, c, and e)
Ah, I see the issue—the highlight styling is busted on that inner element. If I override it to red:
The version on the right, obviously, is how it should be—I’ll patch that up now. In terms of removing that highlight altogether, you should be able to override it in your stylesheets by declaring: