초보자 질문 올립니다

여기에 보시면 커스가 있습니다 요걸 없세야 되는되 안디네요 답이 있어면 설명부탁드릴께요
답변 8개 / 댓글 10개
http://nvr.eisoft.kr
요소 쪽에 css로 스타일이 지정되어있는것같습니다. 해당 부분의 css를 검토하여 요소부분의 스타일을 수정해주시면 됩니다.
개발자도구에서 div 선택하면서 위치 파악하고나서 css 값을 조정해보시면 어디를 수정해야 할지
확인가능하실거에요.
강, 해당 위치에서 해당 요소를 제거하세요.
넣더라도 거기 넣지 말고, 모든 페이지에 공통으로 들어가는 head나 tail 등에 넣으시기 바랍니다.
PS. 해당 커서 같은 흰색 막대만 제거하려면.... 아래 CSS를 해당 출력 위치 상단에 넣어보세요.
<style>
img[src="https://www.google.com/images/cleardot.gif"][width="1"][height="1"] {
display: none !important;
}
</style>
답변에 대한 댓글 3개
그리고, 앞서 말씀드린 것처럼, 구글 번역 요소는 인덱스보단 모든 페이지에서 사용 가능한 곳에 넣으세요.
텍스트와 ▼ 이미지를 구분하는 경계선 역할하네요.
구글이 디자인 위해 일부러 넣어둔 것입니다.
문가 잘못된것 같습니다.
구글 번역으로 언어를 선택하는 select 폼 인것 같은데
내용이 들어가 있지 않은것 아닌가요?
이미지만 으로는 알 수 가 없습니다.
최소한 html 내용이라도 있어야 가늠할 수 있습니다.
애드프로님 말씀 처럼 textarea 또는 input의 text 입력 같은 경우
자동으로 focous 된 경우에는 저렇게 커서가 있을 수 있습니다.
아마 js 로 focus 되게 되어 있을 것입니다.
그 부분을 없애면 될 것입니다.
답변에 대한 댓글 4개
<!--
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-te-gadget-icon {background-image:url(//gtranslate.net/flags/gt_logo_19x19.gif) !important;background-position:0 0 !important;}
body {top:0 !important;}
-->
</style>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'ko', layout: google.translate.TranslateElement.InlineLayout.SIMPLE,autoDisplay: false, includedLanguages: ''}, 'google_translate_element');}
</script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<style>
.goog-te-gadget-simple{ margin: 0px 0px 0px 15px; padding:2px 2px 2px 2px ; }
</style>
>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<
소스 입니다
주소는 https://www.daet24.com 입니다
커서가 아니고 이미지가 나오는 것임
없애려면 css 를 따로 만들어서 추가하세요..
<style>
.goog-te-gadget-simple{ margin: 0px 0px 0px 15px; padding:2px 2px 2px 2px ; }
</style>
이 부분에 추가하면 될 것입니다.
.goog-te-gadget-simple{ margin: 0px 0px 0px 15px; padding:2px 2px 2px 2px ; }
/* 링크 내부 투명 이미지 제거 */
#google_translate_element .goog-te-gadget-simple a img {
display: none !important;
}
</style>
이 부분에
이렇게 하면 이미지가 없어질 것입니다.
그리고 textarea 형태라면
<textarea readonly></textarea>
이런식으로 입력자체를 막아 커서를 없앨수 있고
입력은 해야하는데 커서만 안보이게 하고 싶으시면
textarea { caret-color: transparent; }
이렇게 투명화 해도 됩니다.
답변에 대한 댓글 3개
img {
max-width: 100%;
height: auto;
/* display: block; */
}
구글언어설정
img, svg, video, canvas {
/* display: block; */
vertical-align: middle;
max-width: 100%;
height: auto;
}
아니면
img, svg, video, canvas {
display: none !important;
}
추가 하세요.
답변을 작성하려면 로그인이 필요합니다.
달라요