第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Bootstrap 輸入背景未覆蓋整個輸入

Bootstrap 輸入背景未覆蓋整個輸入

慕田峪4524236 2024-01-03 14:22:15
所以我嘗試使用 Bootstrap 開發(fā)一個簡單的表單頁面。但是,我想要一個與經典白色不同的背景顏色。因此,我通過覆蓋“form-control”類的背景顏色添加了新的背景顏色(淺灰色)。當我添加這個時,有時右側的一部分被切斷,我真的不知道為什么。當我添加顏色時發(fā)生了這種情況,所以我猜它與背景顏色有關。但為什么我不知道。這就是我問你的原因!:)這是“輸入”的圖像:這是受影響的代碼:<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700%7CRaleway:400,700&display=swap"    rel="stylesheet">   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"><style>.formKeepLeft {    display: flex;}.skipLine {    clear: left;}.form-control, .form-control:focus {    width: 100%;    border-radius: 0px;    background-color: lightgray;}.skipLine {    display: block;}</style><div class="row">    <div class="col-6">        <!--- Col 1 --->        <form>            <div class="formKeepLeft">                <div class="form-group">                    <label for="inputEmail">Namn</label>                    <input type="input" class="form-control " size="100%" id="inputName" placeholder="">                </div>                <div class="form-group" style="padding-left: 10px;">                    <label for="inputPassword">E-post</label>                    <input type="email" class="form-control " size="100%" id="inputEmail" placeholder="">                </div>            </div>            <!-- Form row 2 -->            <div class="form-group skipLine">                <label for="inputPassword">?mne</label>                <input type="input" class="form-control " size="100%" id="input?mne" placeholder="">            </div>        </form>    </div></div>當我調整頁面大小時,它經常會被切斷,例如,它可能適用于col-lg,但當我將其大小調整 為另一個大小時,有時會發(fā)生這種情況。我嘗試使用背景大小但沒有任何運氣。我想實現這個目標:圖片有點小,但基本上是一模一樣的圖片,只是沒有剪掉右邊的部分。有誰知道解決方案嗎?我做錯了什么?謝謝,任何建議表示贊賞
查看完整描述

2 回答

?
藍山帝景

TA貢獻1843條經驗 獲得超7個贊

只是因為border-radius,您可以添加border-width: 0;以消除該差距。


<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700%7CRaleway:400,700&display=swap"

    rel="stylesheet">

   

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

       

<!-- JS files: jQuery first, then Popper.js, then Bootstrap JS -->

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>


<style>

.formKeepLeft {

    display: flex;

}


.skipLine {

    clear: left;

}


.form-control, .form-control:focus {

    width: 100%;

    border-radius: 0px;

    background-color: lightgray;

    border-width: 0;

}


.skipLine {

    display: block;

}

</style>


<div class="row">

    <div class="col-6">

        <!--- Col 1 --->

        <form>

            <div class="formKeepLeft">

                <div class="form-group">

                    <label for="inputEmail">Namn</label>

                    <input type="input" class="form-control " size="100%" id="inputName" placeholder="">

                </div>


                <div class="form-group" style="padding-left: 10px;">

                    <label for="inputPassword">E-post</label>

                    <input type="email" class="form-control " size="100%" id="inputEmail" placeholder="">

                </div>

            </div>


            <!-- Form row 2 -->

            <div class="form-group skipLine">

                <label for="inputPassword">?mne</label>

                <input type="input" class="form-control " size="100%" id="input?mne" placeholder="">

            </div>


        </form>

    </div>

</div>


查看完整回答
反對 回復 2024-01-03
?
蕪湖不蕪

TA貢獻1796條經驗 獲得超7個贊

添加邊框:0;它會以不同的方式顯示空間,有時其他角最好將邊框設置為 0


.form-control, .form-control:focus {

 width: 100%;

 border-radius: 0px;

 background-color: lightgray;

 border: 0;

}


查看完整回答
反對 回復 2024-01-03
  • 2 回答
  • 0 關注
  • 144 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號