如何設置類型=“按鈕”的輸入的樣式？

Question

我正在嘗試使CSS更改成為一個彈出窗口，該彈出窗口基本上是一個帶有cookie策略的居中div，然后是一個“接受”按鈕。 我正在使用DNN CMS，並且彈出窗口是一個模塊，因此無法更改div或類名稱。

CSS可以很好地用於“接受”按鈕，但是會影響注釋表的輸入。 如何編寫CSS，以便CSS僅影響該div中的“接受”按鈕？

順便說一下，“接受”按鈕是type =“ button”的輸入。

“接受”按鈕的HTML

<input name="CookieConsent_CloseLink" id="View_CookieConsent_sal_CloseLink" value="Accept" type="button">

“接受”按鈕的CSS

#View_CookieConsent_sal_CloseLink button, input {
font-family: 'Oswald', arial, sans-serif;
text-transform: uppercase;
font-size: 14px;
padding: 5px;
position: absolute;
left: 40%;
margin-top: 10px;
margin-bottom: 10px;
}

“接受”按鈕的HTML

<input name="txtYourName" value="Anonymous" id="txtYourName" class="NormalTextBox" style="width: 100%" type="text">

Answer 1

input[type="button"] {
  font-family: 'Oswald', arial, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  padding: 5px;
  position: absolute;
  left: 40%;
  margin-top: 10px;
  margin-bottom: 10px;
}

Answer 2

我假設您只想使用type = button定位第一個“接受”按鈕

#View_CookieConsent_sal_CloseLink {
....
}

應該管用

當您執行#View_CookieConsent_sal_CloseLink按鈕時，您的目標是該ID內的按鈕。 您還可以按屬性定位標簽

input[type=button] { ....  }

Answer 3

該ID在您的頁面中必須是唯一的。 我看到您生成了一個id="txtYourName" 。 用那個

#txtYourName{
   ...
}

---

Answer 4

輸入而不是#View_CookieConsent_sal_CloseLink按鈕，

使用此#txt您的姓名，＃View_CookieConsent_sal_CloseLink

因此，CSS會觸發ID為txtYourName的按鈕和ID為View_CookieConsent_sal_CloseLink的cookie

祝好運