| 本站：VPS参考评测推荐，专注分享VPS服务器优惠信息！若您是商家也可以在本站进行投稿，查看详情！此外我们还提供软文收录、PayPal代付、广告赞助等服务，查看详情！ |
| 部分文章发布时间较久远，可能存在未知因素，购买时建议在本站搜索商家名称，可查看相关文章充分了解商家！若非中文页面可使用谷歌浏览器同步翻译！PayPal代付/收录合作 |
互动交流对博客非常重要。大多数WordPress博客都会打开评论，很多博客还添加了“评论回复邮件通知”功能，这样评论者就可以在第一时间收到回复通知。
首先，将邮件回复HTML部分的结构调整为如下形式。主要是使用mail-notify类添加外部框，使用“notify”类添加输入标记。
<span class="mail-notify"> <input type="checkbox" name="comment_mail_notify" id="comment_mail_notify" value="comment_mail_notify" checked="checked" class="notify" /> <label for="comment_mail_notify"><span>有人回复时邮件通知我</span></label> </span>然后将以下样式添加到样式表中
/** 评论回复邮件通知 **/ .mail-notify { padding-left: 10px; font-size: 14px; vertical-align: middle; } .mail-notify span { position: absolute; top: -6px; left: 0; width: 230px; color: #999; padding-left: 38px; padding-left: 5px\9; } .notify { display: none; display: inline\9; } .notify + label { position: relative; background: #a5a5a5; width: 30px; width: 0\9; height: 15px; cursor: pointer; display: inline-block; border-radius: 15px; } .notify + label:before { content: ''; position: absolute; background: #fff; top: 0; left: -1px; width: 15px; width: 0\9; height: 15px; z-index: 99999; border: 1px solid #ddd; border-radius: 15px; border: none\9; } .notify + label:after { content: ''; position: absolute; top: 0; left: 0; color: #fff; font-size: 9px; font-size: 0.9rem; } .notify:checked + label { background: #32a5e7; border-radius: 15px; } .notify:checked + label:after { content: ''; left: 6px; } .notify:checked + label:before { content: ''; position: absolute; z-index: 99999; left: 15px; border-radius: 15px; } .notify + label:after { left: 15px; line-height: 21px; } .notify + label:after, .notify + label:before { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }完成之后即可实现下方样式
本文由本站刊发，转载请注明：本站_WordPress技巧分享_纯代码将WordPress评论回复邮件通知勾选框样式进行美化处理，https://本站.com/1208.html
推荐站内搜索：美国免费主机、国外十大免费服务器、域名注册网、国外服务器租用价格、查询域名是否备案icp备案中心、到期已备案域名、域名免费注册0元注册、美国主机推荐、美国主机评论、
