css가 분명 지정안되어있는데요? 그런데 적용이 되어있네요?

css가 분명 지정안되어있는데요? 그런데 적용이 되어있네요?

QA

css가 분명 지정안되어있는데요? 그런데 적용이 되어있네요?

본문

css가 분명소스에  지정안되어있는데요? 그런데 적용이 되어있네요?

크롬 dev tools로 보면... 마치 인라인 css를 설정한 것처럼 보이는데 왜 그렇죠?

파란것과 붉은 것만 보시면 됩니다.

 

 파일위치: skin/outlogin/basic/outlogin.skin.1.php

 

<!-- 로그인 전 아웃로그인 시작 { -->
<section id="ol_before" class="ol">
    <h2>회원로그인</h2>
    <form name="foutlogin" action="<?php echo $outlogin_action_url ?>" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
    <fieldset>
        <input type="hidden" name="url" value="<?php echo $outlogin_url ?>">
        <label for="ol_id" id="ol_idlabel">회원아이디<strong class="sound_only">필수</strong></label>
        <input type="text" id="ol_id" name="mb_id" required class="required" maxlength="20">
        <label for="ol_pw" id="ol_pwlabel">비밀번호<strong class="sound_only">필수</strong></label>
        <input type="password" name="mb_password" id="ol_pw" required class="required" maxlength="20">

위의 파란 부분이 php파일 소스부분입니다 분명 인라인 css가 미적용 상태입니다.

-----------------(chrome DevTool 내용)---------------------------------------------------------------

그런데 chrome DevTool로 보면 아래처럼 나옵니다.

<input type="password" name="mb_password" id="ol_pw" required="" class="required" maxlength="20" style="display: inline-block; width: 104px;">

------------------------------(chrome DevTool 내용끝)------------------------------------------------------------------

        <input type="submit" id="ol_submit" value="로그인">
        <div id="ol_svc">
            <a href="<?php echo G5_BBS_URL ?>/register.php"><b>회원가입</b></a>
            <a href="<?php echo G5_BBS_URL ?>/password_lost.php" id="ol_password_lost">정보찾기</a>
        </div>
        <div id="ol_auto">
            <input type="checkbox" name="auto_login" value="1" id="auto_login">
            <label for="auto_login" id="auto_login_label">자동로그인</label>
        </div>
    </fieldset>
    </form>
</section>

이 질문에 댓글 쓰기 :

답변 5

서버측 작동 JS 소스가 해당 요소에 스타일 심은 거아닐까요?

자바스크립트부분도 확인해보세요.

css 속성을 준게 아닐까요?

실제 파일 소스를 메모장이나 에디터에서 보면 스타일 css가 적용되어 있을겁니다.

따로 css 파일이 있는데 거기 지정되어 있는거 아닌가요?

그러면 chrome devtool에 그렇다고 보이는데...
chrome devtool에 보면 인라인 stylesheet 인것으로 나와요

즉, 해당 태그에 직접 css를 적용했다는 것인데
실제로 소스를 봐서 그 태그를 보면 css가 인라인css로 안되어있어요

따로 css 파일에서 해당 요소에 스타일이 지정되어 있으면 크롬에서 그렇게 보입니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 125,873 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT