맞춤 설정 테마 코드가 맞지 않음

특정 브라우저 (이 경우 Firefox)에서는 글꼴 크기가 다르기 때문에 Google 코드 페이지에서 테마 (사막) 사본을 다운로드하고 조정할 수 있습니다 테마는 내 웹 사이트와 다른 배경색을 가지고 있었기 때문에 테마의 배경색을 내 웹 사이트의 색상에 맞게 변경하고 싶었습니다. 그러나이 버전의 테마는 온라인 버전을 사용했을 때와 달리 가정 된 코드 영역 주위에 테두리를 만듭니다. 색상 문제를 해결할 수 있었지만 경계선을 제거하고 싶습니다.맞춤 설정 테마 코드가 맞지 않음

나는 StackOverflow에서 아직 10 개의 평판을 얻지 못해서 이미지를 퍼가지만 허락을받지 못했다. 누군가가 솔루션 날 직접 수 있다면 (코드 오버 플로우의 최악의 경우를했다) 파이어 폭스에서 아래

이미지

http://i1164.photobucket.com/albums/q570/SparenofIria/ScreenShot2015-01-19at21732PM_zps0541bc46.png

, 그 주시면 감사하겠습니다. 고맙습니다.

편집 : 테두리가 div 크기로 채워집니다.

다음은 desert.css의 내용입니다. 온라인에서 찾은 버전에서 변경된 유일한 사항은 배경색 (# 333 ~ # FFF)입니다.

/* desert scheme ported from vim to google prettify */ 
pre.prettify { display: block; background-color: #FFF } 
pre .nocode { background-color: none; color: #000 } 
pre .str { color: #ffa0a0 } /* string - pink */ 
pre .kwd { color: #f0e68c; font-weight: bold } 
pre .com { color: #87ceeb } /* comment - skyblue */ 
pre .typ { color: #98fb98 } /* type - lightgreen */ 
pre .lit { color: #cd5c5c } /* literal - darkred */ 
pre .pun { color: #fff } /* punctuation */ 
pre .pln { color: #fff } /* plaintext */ 
pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag - lightyellow*/ 
pre .atn { color: #bdb76b; font-weight: bold } /* attribute name - khaki */ 
pre .atv { color: #ffa0a0 } /* attribute value - pink */ 
pre .dec { color: #98fb98 } /* decimal   - lightgreen */ 

/* Specify class=linenums on a pre to get line numbering */ 
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */ 
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none } 
/* Alternate shading for lines */ 
li.L1,li.L3,li.L5,li.L7,li.L9 { } 

@media print { 
    pre.prettify { background-color: none } 
    pre .str, code .str { color: #060 } 
    pre .kwd, code .kwd { color: #006; font-weight: bold } 
    pre .com, code .com { color: #600; font-style: italic } 
    pre .typ, code .typ { color: #404; font-weight: bold } 
    pre .lit, code .lit { color: #044 } 
    pre .pun, code .pun { color: #440 } 
    pre .pln, code .pln { color: #000 } 
    pre .tag, code .tag { color: #006; font-weight: bold } 
    pre .atn, code .atn { color: #404 } 
    pre .atv, code .atv { color: #060 } 
}

출처

2015-01-19 Andrew Fan

대부분 그 원인이 그 중 하나 때문에 해당 요소의 CSS에 border:none;outline:none;box-shadow:none;를 추가합니다. 이것은 코드를 실제로 보지 않고 할 수있는 최선입니다.

출처

2015-01-19 19:29:59 eliteware

불행히도 'pre .prettify'에 적용하면 효과가 없으며 국경이 유지됩니다. –

코드 (prettyprint)가 이미 코드에 포함 된 prettify와 혼동을 일으킨 것으로 보입니다. 그래도 고마워. –

! important를 추가하면 CSS가 작동합니다. 도움을 주신 분들께 감사드립니다. 그러나 결국에는 열심히 둘러 보지 않으 셨습니다/잊었습니다! 존재했다.

pre.prettyprint { 
    border: none !important; 
}

출처

2015-01-19 19:41:50

당신이 일했기 때문에 기쁩니다. – eliteware

맞춤 설정 테마 코드가 맞지 않음

답변

관련 문제