如何将jquery Lightbox\u me默认登录按钮值更改为关闭

如何将jquery Lightbox\u me默认登录按钮值更改为关闭,jquery,css,Jquery,Css,我正在使用www.buckwilson.me/lightboxme插件…在应用代码和弹出窗口完美工作后。但问题是我无法更改登录按钮的默认值 我的显示器 所需显示(此示例使用ms paint编辑) 完整代码 <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript" src="jquery.lightbox_me.js"

我正在使用www.buckwilson.me/lightboxme插件…在应用代码和弹出窗口完美工作后。但问题是我无法更改登录按钮的默认值

我的显示器

所需显示(此示例使用ms paint编辑)

完整代码

    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.lightbox_me.js" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">

    $(document).ready(function() {

         $(function() {

                $('#try-1').click(function(e) {
                    $("#sign_up").lightbox_me({centered: true,closeClick:false, onLoad: function() {
                        $("#sign_up").find("input:first").focus();
                    }});

                    e.preventDefault();
                });

            });

    });

</script>

<link rel="stylesheet" href="popup.css" type="text/css" media="screen" title="no title" charset="utf-8">


<div id="sign_up" style="display: none; left: 50%; margin-left: -223px; z-index: 1002; position: fixed; top: 50%; margin-top: -159px;"> <br/>
  <div class="announcement">Important Announcement!!!</div>
  <div id="home_sign_up_form"> To keep updating! Like our Fabebook page ,Follow us on Twitter, Google+ or Subscribe RSS Feed.<br/><br/>



            <div style="float:left; margin-left:20px;">

                  <div id="actions">
                    <a id="log_in" class="close form_button sprited" href="#">Close</a>
                  </div>
            </div>

    </div>

  <a id="close_x" class="close sprited" href="#" title="Close">Close</a> </div>

<input type="button" value="Add Item" id="try-1" onClick="" />

为此,您需要设置按钮样式,请尝试在下面添加类
按钮\u示例
到按钮

.button_example{
border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #a5b8da;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5b8da), color-stop(100%, #7089b3));
 background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
 background-image: linear-gradient(top, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
}

.button_example:hover{
 border:1px solid #5d7fbc; background-color: #819bcb;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#819bcb), color-stop(100%, #536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(top, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}

只需根据您的要求编辑颜色

真的很抱歉,现在更正显示图像的位置…对不起,兄弟,我更改了所需的显示..您能帮我找到吗solution@user1920718what只需在
value=“sdfs”中编写您想要的任何内容
在按钮中有什么问题?朋友,当我应用sprited css代码时,我终于发现了我的问题。图像将重复,文本将不会显示,甚至更改了按钮值。。。甚至更改图像值下方的显示()现在我可以使用您的代码解决我的问题非常感谢您的所有努力。。
.button_example{
border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #a5b8da;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5b8da), color-stop(100%, #7089b3));
 background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
 background-image: linear-gradient(top, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
}

.button_example:hover{
 border:1px solid #5d7fbc; background-color: #819bcb;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#819bcb), color-stop(100%, #536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(top, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}