具有代码点火器和边框厚度的复选框

Question

知道为什么我的表单复选框看起来不像模板吗？在我的页面上，表单中间部分和底部之间的边框似乎更厚。

http://www.kansasoutlawwrestling.com/kowmanager/

http://www.kansasoutlawwrestling.com/peach/Template/login.html

有什么想法吗？

<div class="top">
<div class="gradient"></div>
<div class="white"></div>
<div class="shadow"></div>
</div>
<div class="content">
<h1>KOW MANAGER | LOGIN</h1>
<div class="background"></div>
<div class="wrapper">
    <div class="box">
        <div class="header grey">
            <img src="<?php echo base_url() ?>assets/img/icons/packs/fugue/16x16/lock.png" width="16" height="16" />
            <h3>Login</h3>
        </div>
        <?php echo form_open('') ?>
        <div class="content no-padding grey">
            <div class="section _100">
                <?php echo form_label('Username', 'username'); ?>            
                <div>
                    <?php echo form_input('username', set_value('username'), 'class=required'); ?>
                </div>
            </div>
            <div class="section _100">
                <?php echo form_label('Password', 'password'); ?>
                <div>     
                    <?php echo form_password('password', '', 'class=required'); ?>
                </div>
            </div>
        </div>
        <div class="actions">
            <div class="actions-left" style="margin-top: 8px;">
                <?php echo form_label( form_checkbox( 'autologin' ) . ' Auto-login in future' ); ?>
            </div>
            <div class="actions-right">
                <?php echo form_submit(array('id' => 'submit', 'name' => 'submit'), 'Login!'); ?>           
            </div>
        </div>
        <?php echo form_close(); ?>
    </div>
    <div class="shadow"></div>
</div>

​

Answer 1

一个使用标准的HTML复选框，另一个使用脚本替换，用于交换图像，但提供复选框功能。

Answer 2

要删除边框，您需要在css中执行以下操作：

.box .actions{
    border-top: none;
}