I’m using the following code for a toolbar with icons.
It works.
The icon is placed on a background png image.
But there is still a fine blue square which I want to remove.
Can you please help ?
:host {
.ui-toolbar-container {
background-image: url('../../../../public/icons/Header.png');
height: 54px;
display: flex;
flex-direction: row;
}
}
<div class="ui-toolbar-container">
<p-button outlined="true">
<ng-template pTemplate="buttonicon">
<img alt="button icon" src="icons/icon-play.png">
</ng-template>
</p-button>
<p-button outlined="true">
<ng-template pTemplate="buttonicon">
<img alt="button icon" src="icons/icon-record.png">
</ng-template>
</p-button>
</div>Thank you,
Zvika