[{"data":1,"prerenderedAt":100},["ShallowReactive",2],{"snippet-style-placeholder-text":3,"snippets-surround-style-placeholder-text":95},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"createdAt":10,"tags":11,"body":14,"_type":89,"_id":90,"_source":91,"_file":92,"_stem":93,"_extension":94},"/snippets/style-placeholder-text","snippets",false,"","Style Placeholder Text","Style form placeholder text using CSS.","01/01/2021",[12,13],"css","scss",{"type":15,"children":16,"toc":85},"root",[17,62,69],{"type":18,"tag":19,"props":20,"children":23},"element","div",{"className":21},[22],"c-code-wrapper",[24,27,50],{"type":25,"value":26},"text","\n  ",{"type":18,"tag":19,"props":28,"children":31},{"className":29},[30],"c-code-wrapper__header",[32,34,41,42,49],{"type":25,"value":33},"\n    ",{"type":18,"tag":19,"props":35,"children":38},{"className":36},[37],"c-code-wrapper__title",[39],{"type":25,"value":40},"Style placeholder text",{"type":25,"value":33},{"type":18,"tag":19,"props":43,"children":46},{"className":44},[45],"c-code-wrapper__copy",[47],{"type":25,"value":48},"Copy",{"type":25,"value":26},{"type":18,"tag":51,"props":52,"children":56},"pre",{"className":53,"code":55,"filename":12,"language":12,"meta":7},[54],"language-css","/* Style placeholder text */\n\n::-webkit-input-placeholder {\n  /* Chrome/Opera/Safari */\n  color: red;\n}\n::-moz-placeholder {\n  /* Firefox 19+ */\n  color: red;\n}\n:-ms-input-placeholder {\n  /* IE 10+ */\n  color: red;\n}\n:-moz-placeholder {\n  /* Firefox 18- */\n  color: red;\n}\n",[57],{"type":18,"tag":58,"props":59,"children":60},"code",{"__ignoreMap":7},[61],{"type":25,"value":55},{"type":18,"tag":63,"props":64,"children":66},"h2",{"id":65},"further-reading",[67],{"type":25,"value":68},"Further reading",{"type":18,"tag":70,"props":71,"children":72},"ul",{},[73],{"type":18,"tag":74,"props":75,"children":76},"li",{},[77],{"type":18,"tag":78,"props":79,"children":83},"a",{"href":80,"rel":81},"https://css-tricks.com/almanac/selectors/p/placeholder/",[82],"nofollow",[84],{"type":25,"value":80},{"title":7,"searchDepth":86,"depth":86,"links":87},2,[88],{"id":65,"depth":86,"text":68},"markdown","content:snippets:style-placeholder-text.md","content","snippets/style-placeholder-text.md","snippets/style-placeholder-text","md",[96,99],{"_path":97,"title":98},"/snippets/detect-horizontal-swipe","Detect Horizontal Swipe",null,1788788972381]