1. 首頁
  2. 問答
  3. Css輸入形狀

Css輸入形狀

2011-01-21 114 views
-1

我寫了這個CSS來讓一個窗體在左邊有一個小小的openid標誌，但是我希望窗體保留其默認外觀而不是讓它看起來正確。Css輸入形狀

<html> 
<head> 
<style type="text/css"> 
.openid-input { 
    background: url("http://id.gesellix.de/logo/openid_small_logo_white.gif") no-repeat scroll left center transparent; 
    height: 22px; 
    line-height: 22px; 
    padding-left: 18px; 
} 
</style> 
</head> 

<body> 
<input type="text" tabindex="100" class="openid-input"> 
</body> 
</html>

來源

2011-01-21 nikitautiu

+1

需要更多的細節，什麼*右angley看* – Jakub 2011-01-21 16:33:33

+0

我認爲，我們需要看到的代碼的形式，太 - 這是很難想象一個完全未知的形式。 – 2011-01-21 16:36:22

回答

1

只要更改背景屬性，默認輸入樣式就會被覆蓋。您必須設置CSS樣式來模仿默認樣式，但這隻能用CSS3完成。以下樣式與我的系統緊密匹配：

border:1px #e4e4e4 solid; 
box-shadow:inset 0 1px 2px #000000; 
-moz-box-shadow:inset 0 1px 2px #000000; 
-webkit-box-shadow:inset 0 1px 2px #000000;

我有created an example here (link)。

你可以得到相當接近的默認樣式不CSS3只：

border:1px #cccccc solid; 
border-top:2px #666666 solid;

來源

2011-01-22 13:13:36 mVChr

相關問題

 相關問題