<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[체크박스의 체크버튼 이미지로 변경]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/43059</link>
		<description><![CDATA[<p>안녕하세요! Kboard Contact form으로 견적문의 게시판을 제작하고 있습니다.</p>

<p>현재 editor.php에 아래의 html 코드를 삽입하여 개인정보 동의 여부 체크박스를 만들었습니다.  </p>

<pre>
<code class="language-html">		&lt;div style="margin-top:30px; padding-bottom:0px; border-bottom:0px;" class="kboard-attr-row"&gt;
			&lt;label style="text-align: left;" class="attr-name" for="kboard_option_privacy"&gt;&lt;span style="font-size:22px; font-weight: 400;"&gt;약관 동의&lt;/span&gt;&lt;/label&gt;
		&lt;/div&gt;
		&lt;div style="padding-top:0px; border-bottom:0px; cursor: pointer;" class="kboard-attr-row"&gt;
			&lt;div style="border:1px solid #b2b8bc; background: #f3f7fa; padding:27px 38px;" class="attr-value agree"&gt;
				&lt;label style=" font-weight: 300; font-size: 16px; cursor: pointer;"&gt;
					&lt;input type="checkbox" name="kboard_option_attendance" value="동의함"&lt;?php if($content-&gt;option-&gt;attendance == '동의함'):?&gt; checked&lt;?php endif?&gt; required&gt;
					개인정보 취급방침에 동의합니다.
				&lt;/label&gt;
			&lt;/div&gt;
		&lt;/div&gt;</code></pre>

<p>그리고 그 체크박스의 모양을 이미지로 대체하기 위해 아래의 css 코드를 추가하였는데 (워드프레스 내의 사용자 정의 CSS 추가에 삽입하였습니다.)</p>

<p>background가 전혀 먹질 않는 것 같습니다 ㅠㅠ.</p>

<p>해결방안을 알려주시면 감사하겠습니다.</p>

<pre>
<code class="language-css">#kboard-contact-form-editor input[type=checkbox]{ 
	margin-right: 30px;
	width:22px;
	height:22px;
	background:url('/wp-content/uploads/2020/05/chk_ico_off.png') no-repeat !important;
}

#kboard-contact-form-editor input[type=checkbox]:checked { 
	background-image: url('/wp-content/uploads/2020/05/chk_ico_on.png'); }</code></pre>

<p>항상 고생 많으십니다. 감사합니다.</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[안녕하세요~^^

체크박스 필드에 이미지를 적용하시려면

체크박스 태그에 직접 이미지를 넣지 마시고 &...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/43067</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>체크박스 필드에 이미지를 적용하시려면</p>

<p>체크박스 태그에 직접 이미지를 넣지 마시고 &lt;label&gt; 태그를 활용해보시겠어요?</p>

<p>아래 관련 링크를 참고해보세요.</p>

<p><a href="https://mrb18.tistory.com/entry/CSS-%EC%B2%B4%ED%81%AC%EB%B0%95%EC%8A%A4-%EC%9D%B4%EB%AF%B8%EC%A7%80%EB%A1%9C-%EB%B3%80%EA%B2%BD%ED%95%98%EA%B8%B0" target="_blank">https://mrb18.tistory.com/entry/CSS-%EC%B2%B4%ED%81%AC%EB%B0%95%EC%8A%A4-%EC%9D%B4%EB%AF%B8%EC%A7%80%EB%A1%9C-%EB%B3%80%EA%B2%BD%ED%95%98%EA%B8%B0</a></p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Wed, 06 May 2020 06:35:52 +0000</pubDate>
			<category>KBoard</category>
		</item>
			</channel>
</rss>