我在一個(gè)div中有一個(gè)電子郵件輸入，我想在輸入中單擊后改變div的顏色。(只有css沒(méi)有js)

我不想用JS做這個(gè)，所以我想知道只用css可以嗎？

您可以這樣做，但這是一種變通方法:

HTML:

<form>
  <div class="outside">
     <label>email: </label>
     <input class="input" type="text" />
     <div class="inside"></div>
  </div>

  <div class="outside">
    <label>password: </label>
    <input class="input" type="password" />
    <div class="inside"></div>
  </div>
</form>

CSS:

.outside {
    position: relative;
    padding: 30px;
    background: red;
}

.outside * {
    position: relative;
    z-index: 2;
}

.outside > .input:focus ~ .inside {
    background: blue;
}

.outside > .inside {
    position: absolute;
    z-index: 1;

    top: 0;
    right: 0;

    width: 100%;
    height: 100%;
}