2012-12-15 53 views
1

是否有可能用一個按鈕來取代ul子彈?我知道你可以更改爲CSS圖像,但如果我想要一個實際的元素?一個按鈕替換UL子彈

+0

不,這是不可能的。 – Oded

+0

織補好吧...有沒有辦法複製這個呢? – lawx

+0

你究竟想要完成什麼?請解釋上下文。 – ATOzTOA

回答

2

這是不可能的,因爲你問,但你可以,也許,效仿:

<ul> 
    <li><button>some button text</button>List-element text.</li> 
</ul> 

下面CSS:

ul, li { 
    list-style-type: none; 
} 

li { 
    padding-left: 0; 
    margin-left: 0; 
} 

li button { 
    margin-right: 2em; 
} 

JS Fiddle demo

成功,或適用性的這種做法呢,當然,完全取決於它的問題忽略你的用例。更詳細地說,這個答案可能會變得更有用。

+0

我正在做一個待辦事項列表樣式的事情,所以按鈕將作爲複選框/刪除按鈕。在JSfiddle中,您的解決方案可以正常工作,但直接在瀏覽器中(谷歌瀏覽器,結尾預覽)會有一些額外的縮進。 – lawx

+0

http://cl.ly/image/3l3j3K3U2f2E – lawx

+0

就減少CSS的「李按鈕」的保證金權價值。 li button {margin:0; margin-right:0; } – ATOzTOA

0

沒有,用CSS就可以風格子彈或讓他們忽略了,你可以已經生成內容,而不是,但生成的內容介紹只是一個僞元素與一些內容,而不是如真正的按鈕元素。

如果您需要在標記中使用ul元素(我想知道爲什麼),那麼您可以使用一些注入button元素的JavaScript(以及隱藏項目符號的CSS)。但是假設我猜你的意圖正確,爲什麼在一列不使用只是一個按鈕表,在另一個相關的內容,或者只是div與內容元素開始用button元素?