Question

不确定这是填充还是什么......需要摆脱那个白色的边框。顺便说一下，这段代码包含在主表中。

enter image description here

  <tr>
    <th>
    <span onclick="toggleDiv('favorites', 'favImg')" style="cursor: hand;">Favorites&nbsp;<img name="favImg" src="../images/minus.gif" /></span>
    </th>
    </tr>
    <tr>
    <td>
    <div class="det" id="favorites">

    <table class="det" >
    <tr>
    <td>
        <fieldset class="det" style="padding:25;">
        <legend>Favorites</legend>
        <br/>
            <input type="radio" name="favRadio" value="public" onclick="choiceToggle('public');"/>Public:&nbsp;<select size="1" id="pubFav" name="pubFav" disabled>
                        <option selected value="">&nbsp;</option>
                        <c:forEach var="fav" items="${pubFavorites}">
                            <option value="${fav.id}">${fav.description}</option>
                        </c:forEach>
                   </select>
            <br/>
            <input type="radio" name="favRadio" value="user" onclick="choiceToggle('user');"/>User:&nbsp;&nbsp;&nbsp;<select size="1" id="userFav" name="userFav" disabled>
                        <option selected value="">&nbsp;</option>
                        <c:forEach var="fav" items="${userFavorites}">
                            <option value="${fav.id}">${fav.description}</option>
                        </c:forEach>
                 </select>
            <br/>
            <input type="radio" name="favRadio" value="custom" checked onclick="choiceToggle('custom');"/>Custom&nbsp;
        </fieldset>

        <fieldset class="det">
        <legend>Favorite Management Options</legend>
            <input type="radio" name="fav_choice" id="fav_choice" style="display:none;" value=""/>

            <input type="radio" name="fav_choice" id="fav_choice" value="rem_fav"/>Remove Favorite:&nbsp;
            <select size="1" id="removeFav" name="removeFav">
                <option selected value="">&nbsp;</option>
                <option value="id1">My saved report 1</option>
                <option value="id2">Stuff for Sally</option>
            </select>
            </br></br>

            <input type="radio" name="fav_choice" id="fav_choice" value="rename_fav"/>Rename Currently Selected Favorite:&nbsp;&nbsp;
            <input type="text" id="fav_rename" name="fav_rename" value=""/>
            </br></br>

            <input type="radio" name="fav_choice" id="fav_choice" value="updt_fav"/>Update / Overwrite Currently Selected Favorite&nbsp;
            </br></br>

            <input type="radio" name="fav_choice" id="fav_choice" value="add_fav"/>Add to Favorites&nbsp;&nbsp;
            <input type="text" id="add_fav_name" name="add_fav_name" value=""/>
            </br></br>

            <input type="button" name="do_choice" value="Execute Choice" onClick="processFavAction();"/>
            <input type="button" name="clear_choice" value="Clear Choice" onclick="clearFavMgmt();"/>

        </fieldset>


    </td>
</tr>
</table>
</div>
</td>
</tr>

的CSS：

    table.det
    {
    background-color: #FFFFDD;
     border-collapse: collapse;
    }

    table.det td
    { 
     border: none; 
     background-color: #FFFFDD;
     }

     fieldset.det 
    {     
    display:block;
    float:left;

    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-top:20px;
    margin-left:20px;
    border:2px solid #CCCCCC;
    background-color: #FFFFDD;

    }
     fieldset.det legend
    {
        padding:2px 5px;
        border:2px solid #CCCCCC;
        font-weight:  bold;
        background-color: #FFFFDD;
     }

   div.det
    {   
     display:block;
     background-color: #FFFFDD;
     text-align: center;
     width: 100%;

    }

我认为一切

Answer 1

您是否在CSS中尝试border-style:none;您不想显示边框的元素？坦率地说，你的形象很小，我无法分辨你在谈论什么。

Answer 2

您的fieldset.det包含border:2px solid #CCCCCC;

您可以尝试暂时删除这两个条目，也可以同时删除两个条目。保留备份并查看它是否删除了边框。

如何摆脱div周围的白色边框？

2 个答案: