失焦时,选择的背景颜色会发生变化

时间:2018-02-24 17:02:00

标签: html css selection background-color pseudo-element

即使选择“失焦”,如何使所选文本保持其自定义背景颜色?只需按照以下步骤操作,以便更好地理解我的意思:

  1. 选择文字
  2. 例如,点击您网络浏览器的搜索栏
  3. 这是我的实际输出: Selected text with custom background color Out of focus selected text with non-custom background color

    修改:我使用的浏览器是<p>Lorem ipsum dolor sit amet</p>

        TABLE1                  
    id      mod_date    old_value   new_value           
    E7C7    01/10/18    FSA         Sr FS           
    E7C7    01/25/18    Sr FS       FS          
    E7C7    02/01/18    FS          FSA         
    EA23    01/15/18    SFA         FM          
    
        TABLE2                  
    id     number   last_name    title          
    2DB3    12344   A            SLS        
    C655    12227   L            SA    
    D0F7    12228   K            I-CSR          
    E7C7    11937   H            FSA            
    EA23    1267    S            FM         
    FCF1    139     A            CAR            
    
        RESULT SET           
    id     number   last_name   title   StartDate   EndDate Current
    2DB3    12344   A           SLS     02/24/2018  12/31/9999  Y
    C655    12227   L           SA      02/24/2018  12/31/9999  Y
    D0F7    12228   K           I-CSR   02/24/2018  12/31/9999  Y
    E7C7    11937   H           FSA     01/25/18    12/31/9999  Y
    E7C7    11937   H           FS      01/10/18    01/25/18    N
    E7C7    11937   H           Sr FS   01/1/2018   01/10/18    N
    EA23    1267    S           SFA     01/1/2018   01/15/18    N
    EA23    1267    S           FM      01/15/18    12/31/9999  Y
    FCF1    139     A           CAR     02/24/2018  12/31/9999  Y
    
    {{1}}

1 个答案:

答案 0 :(得分:-1)

您可以使用两件事:

HTML&lt;标记&gt;标记:

<mark>Marked text</mark>

CSS背景颜色:

<p style="background-color: #FFFF00">This complete paragraph of text is highlighted in yellow.</p>

虽然实际上并不建议这样做,但是用户想知道什么时候选择了什么东西!