---
# System prepended metadata

title: nonolive直播聊天室CSS修正(OBS版)
tags: [css, OBS]

---

# nonolive直播聊天室CSS修正(OBS版)

:::info
*2019/1/6修正
:::

**使用網址:**
`https://www.nonolive.com/popout/chat/你的實況台房號`
(手機瀏覽器用`電腦網頁版模式`直接用上面網址就能看了,不用改CSS)


## OBS版CSS修正

```css
body {
    /*background-color: rgba(0,0,0,0.7) !important;*/
}

.chat-panel-input-wrap {
    display: none;
}
.chat-panel__footer {
    display: none;
}
.send-msg-btn {
    display: none;
}

.chat-panel {
    padding: 0;
}

.msg-filter-btn {
    /*background-color: rgba(255,0,0,0.7) !important;*/
}


.chat-panel .chat-item .sender {
    color: #4ECDC4; /*名字顏色*/
    
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 1px 1px 3px;
    font-weight: bold;
    word-wrap: break-word;
}
.chat-panel .chat-item .text {
    color: #eee; /*聊天室文字顏色*/
    
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 1px 1px 3px;
    font-weight: bold;
    word-wrap: break-word;
}

.chat-panel .chat-item > .text {
    /*display: none;*/
}

```


{%hackmd /@Eotones/SkY_4JVTS %}



###### tags: `css`, `OBS`