移动web端<input type="number">手机上点击直接打开数字键盘，并修改样式去除最右端上下箭头

CSS样式代码：

input[type='number'] {
    	-moz-appearance:textfield;
	}
	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

HTML页面代码：

<input type="text" id="loginName" name="loginName" value="请输入手机号码" onfocus="if (value =='请输入手机号码'){value =''} this.type='number'" onblur="this.type='text' if (value ==''){value='请输入手机号码'}"/>

其中，onblur事件似乎没有效果，希望路人朋友大神能给出更好的解决办法，拜谢。