I am creating an image button and that works but I am unable to add text to it. I want the text to be from left to right in the button. I am adding the text inside the value but there is nothing shown. What am I doing wrong?

<input type="image"  src="WhiteButton.svg" alt="submit" value="Add to favorites" />

CodePudding user response：

button.one { background-image:url(https://picsum.photos/200/150);
             font-weight: 900; color:white;
             width:200px; height:150px}

<button >SOME TEXT</button>