You have specified 189px for the backgound-position
property.
The CSS rule for background properties is as follows:
background: background-color background-image background-repeat background-attachment background-position;
There is no inline property for background-size
as it was a late addition in CSS3.
To define the background size, you can use both background-position
and background-size
together like this:
background: background-color background-image background-repeat background-attachment background-position/background-size;
Alternatively, you can set background-size
separately after the background property like this:
background: background-color background-image background-repeat background-attachment background-position;
background-size: width height; // The first value is width and the second is height
For example:
background: url('image.png') no-repeat right center/14px;
or
background: url('image.png') no-repeat;
background-position: right center;
background-size: 14px;
.button {
background: url('https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-right-b-128.png') no-repeat right center/14px;
background-color: #ff5c36; /* button color */
color: #ffffff; /* text color in button */
width: 100px;
}
<input class="button" type="button" value="Send">