input 提交表单按钮背景图片的完美设置 (隐藏字体)

<input type="submit" id="submit_btn" src="submit_btn_bg_img.jpg" value="loginer" />

这样的话，value值会附在背景图片的上方。 ok，我们可以用下面的方法来替换上面的方法

<input type="submit" id="submit_btn" name="submit_btn"  value="loginer" />#submit_btn{width:33px;height:16px;background:url(goto/image/path.jpg) no-repeat center;cursor:pointer;
/* 上面的代码是常规设置， 即：引入一个图片背景，设置在中心位置，大小和按钮的大小一致，以及鼠标指针为手型 */display:block;font-size:0;line-height:0;text-indent:-9999px;
/* 上面的不用多问，四句一起拷贝就可以了，大概意思就是把value值设置为0像素，也就是肉眼无法看到，但却又是存在的（用$_POST['submit_btn'] 可以证明）*/
}

这样是不是很不错了，但是，还有一种情况，就是点击之后会出现虚线框，这个看个人习惯，我个人不喜欢有虚线框，那么我就在css文件中再加一段如下代码：

a,area { blr:expression(this.onFocus=this.blur());
}:focus { outline: none;
}

当然，你也可以不用上面的通杀，只采用经典的局部必杀技 οnfοcus="this.blur()"

<input type="submit" id="submit_btn" name="submit_btn" οnfοcus="this.blur()"  value="loginer" />

input 提交表单按钮背景图片的完美设置 (隐藏字体)相关推荐

html form背景图片设置,input 提交表单按钮背景图片的完美设置
import java.awt.*; import javax.swing.*; public class TestBackgroundColor extends JFrame { public s ...
html表单颜色背景图片大全唯美伤感,伤感唯美意境背影图片大全
驻足,不再前行,也不再停留,空留一个躯壳在原地静立,灵魂已在你的影子下寄居,时时刻刻陪伴你.一见钟情的情,即使彼此之间话语虽少,可是,那心心相惜,那心有灵犀,谁懂得那思恋之深,谁明白那直抵心底的爱意, ...
php ajax弹出框传值,PHP_Yii2.0 模态弹出框+ajax提交表单，如题我们使用模态弹出框+ajax - phpStudy...
Yii2.0 模态弹出框+ajax提交表单如题我们使用模态弹出框+ajax提交表单首先我们把index视图的create按钮添加data-toggle 和 data-target. 代码如下: ...
[js] 如何按回车自动提交表单
[js] 如何按回车自动提交表单监听keydown事件并且判断按键代码为13,触发提交表单按钮或执行提交表单方法个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎 ...
python网页提交表单_使用Python中的POST请求通过网站表单上传基本文件
我尝试使用Python和HTTP请求在一个随机的网站上上传一个文件.为此,我使用名为Requests的便利库. 根据the documentation,以及StackOverflow here和the ...
ueditor php提交表单,ueditor在表单中的提交
最近一直在找一个比较好点的WEB文本编辑器,发现ueditor还是不错的,但是在表单提交数据后有一些问题,因为他不像以前的版本一样提供一个虚拟的文本框去提交数据,所以网上搜索的结果都不能用了,根据ue ...
html把保留图片改为提交按钮,如何制作图片按钮，并为图片按钮添加提交表单和重置表单功能...
网页中有表单,表单的默认按钮样式不是很好看,很多人为了美观使用图片做按钮. 今天中国在一.图片按钮的制作方法 1. 定义图像形式的提交按钮. 2.用CSS把图片设为按钮的背景 3.作用,设置其bac ...
OkHttp框架从入门到放弃，解析图片使用Picasso裁剪，二次封装OkHttpUtils，Post提交表单数据...
OkHttp框架从入门到放弃,解析图片使用Picasso裁剪,二次封装OkHttpUtils,Post提交表单数据我们这片博文就来聊聊这个反响很不错的OkHttp了,标题是我恶搞的,本篇将着重详细的 ...
OkHttp框架从入门到放弃，解析图片使用Picasso裁剪，二次封装OkHttpUtils，Post提交表单数据
OkHttp框架从入门到放弃,解析图片使用Picasso裁剪,二次封装OkHttpUtils,Post提交表单数据我们这片博文就来聊聊这个反响很不错的OkHttp了,标题是我恶搞的,本篇将着重详细的 ...

input 提交表单按钮背景图片的完美设置 (隐藏字体)

input 提交表单按钮背景图片的完美设置 (隐藏字体)相关推荐

最新文章

热门文章

input 提交表单按钮 背景图片的完美设置 (隐藏字体)

input 提交表单按钮 背景图片的完美设置 (隐藏字体)相关推荐

最新文章

热门文章

input 提交表单按钮背景图片的完美设置 (隐藏字体)

input 提交表单按钮背景图片的完美设置 (隐藏字体)相关推荐