在編寫網頁時，我們經常會使用CSS來美化頁面元素樣式。但是，在使用CSS對input標簽進行樣式修改時，我們可能會遇到一些問題。

input[type="text"] {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
}

上面這段CSS代碼看上去似乎可以修改input標簽的樣式，但實際上卻不起作用。原因是input標簽是一種特殊的表單元素，其樣式是由瀏覽器本身決定的，并不受CSS控制。

所以，我們在想要修改input標簽的樣式時，需要使用一些CSS技巧。下面介紹一些常用的技巧：

1、使用偽元素

input[type="text"]::before {
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("icon.png");
}

通過使用偽元素，我們可以在input標簽前面添加一個小圖標，從而實現對其樣式的修改。

2、使用背景圖

input[type="text"] {
background-image: url("bg.png");
background-repeat: no-repeat;
padding-left: 20px;
}

通過設置input標簽的背景圖，我們可以控制其背景顏色、圓角等屬性。

3、修改其他標簽的樣式

label[for="username"] {
display: block;
width: 100px;
height: 30px;
line-height: 30px;
background-color: #ccc;
border-radius: 5px;
text-align: center;
}
input#username {
display: block;
width: 200px;
height: 30px;
line-height: 30px;
border: none;
outline: none;
padding: 0 10px;
}

通過修改label標簽的樣式，并將其與input標簽進行配合，我們可以實現對input標簽樣式的修改。

總之，使用CSS對input標簽進行樣式修改需要一些技巧。有了這些技巧，我們就可以實現更豐富多彩的頁面樣式效果。