2
我在與瀏覽器的「查找」功能類似的Web應用程序中實現搜索。 我想在頁面上突出顯示搜索到的字符串。搜索字符串通常是使用省略號顯示的較長字符串的子字符串。在CSS中控制省略號樣式
我想突出顯示搜索字符串，無論它出現在哪裏，並且如果它在被省略號替換的文本部分中找到，那麼我想突出顯示省略號本身。
我該怎麼做？
A
回答
0
使用以下組件來實現它：
- 的
overflow:hidden容器元素 - 的
overflow:auto內容元素 - 一個
position:absolute亮點元素 class屬性獲取/設置狀態
這裏有幾個演示，包括上述tioned要求：
- CSS Overflow Highlight
我懷疑你的要求會非常棘手，如果不是不可能的純CSS，因爲首先，我不知道你得到很大程度上控制了CSS省略號的樣式，其次，即使您可以按照自己的想法設計樣式，但我不認爲它能讓您判斷文本的哪些部分是可見的。另外，邊緣情況如何，就像搜索字符串部分隱藏，或者它多次出現，只有一個隱藏？ – SDC 2013-02-25 09:08:09
你可以顯示一些代碼，告訴我們[你試過什麼]（http://whathaveyoutried.com）？ – Jeroen 2013-02-25 09:08:11
如果存在JavaScript解決方案，我會很高興。有沒有辦法知道文字的哪一部分是可見的？邊緣情況很簡單：如果搜索字符串的任何部分被隱藏，則省略號應該被突出顯示。 – Maor 2013-02-25 13:05:42