{"id":22425,"date":"2020-09-11T00:13:16","date_gmt":"2020-09-11T07:13:16","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=22425"},"modified":"2020-09-11T00:13:19","modified_gmt":"2020-09-11T07:13:19","slug":"css-input-type","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/css-input-type\/","title":{"rendered":"CSS Input Type"},"content":{"rendered":"\n<p>When we are building forms, we want to make them unique and appealing to our clients or customers. It is true that the way we present our forms makes the user-experience much better. In order to style our forms, we use a variety of CSS input type selectors.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Syntax and Examples<\/strong><\/h2>\n\n\n\n<p>While you read this article refer to the accompanying <a href=\"https:\/\/codepen.io\/fbohz-the-decoder\/pen\/BaKZLmm\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">Codepen<\/a>.<br> I assume that you have some experience building forms with HTML, so I will not be covering the HTML in detail.<br> Without any styling our form looks somewhat like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"240\" height=\"282\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/91624530-82e1e600-e966-11ea-83bb-511a09e3eaab.jpg\" alt=\"\" class=\"wp-image-22426\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/91624530-82e1e600-e966-11ea-83bb-511a09e3eaab.jpg 240w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/91624530-82e1e600-e966-11ea-83bb-511a09e3eaab-20x24.jpg 20w\" sizes=\"auto, (max-width: 240px) 100vw, 240px\" \/><\/figure>\n\n\n\n<p>If we were in the 1990s this wouldn&#8217;t be that bad, I mean look at Netscape&#8217;s (a popular 90s browser) <a href=\"http:\/\/home.mcom.com\/home\/welcome.html\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">homepage<\/a>. <\/p>\n\n\n\n<p><br> But we are not in the 90s. Luckily today we have CSS and we can style inputs just with this simple syntax:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>input[type=&quot;&lt;type&gt;&quot;] {\n  \/* styles here *\/\n}\n<\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Styling Text Inputs<\/h2>\n\n\n\n<p>The first thing we could do is style the font size of our inputs and labels. We can select them by keywords as easy as this:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>input, label {\n  font-size: 2rem;\n  padding: 1rem;\n}\n<\/pre><\/div>\n\n\n\n<p><br> This will make our text more legible and give some space between the inputs. With that, let&#8217;s go ahead and style the text input that has the name as well as our email.<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>input[type=&quot;text&quot;] {\n  border: 0;\n  border-bottom: 0.3rem solid mediumspringgreen;\n}\ninput[type=&quot;email&quot;] {\n  border: 0;\n  border-left: 0.3rem solid mediumspringgreen;\n  border-radius: 0.5rem;\n}\n<\/pre><\/div>\n\n\n\n<p>The trick here is that we remove the borders and just add the specific border we need. For our email we added some radius to our border to make it look rounder. With so little code, we already made some good improvements.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"115\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/pasted-image-0-10.jpg\" alt=\"\" class=\"wp-image-22427\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/pasted-image-0-10.jpg 370w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/pasted-image-0-10-20x6.png 20w\" sizes=\"auto, (max-width: 370px) 100vw, 370px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Caveat: Dropdowns<\/h2>\n\n\n\n<p>Another input we can style is dropdowns. But there&#8217;s a caveat. If we do <code>input[type=\"select\"]<\/code> it would not select our dropdown. We have to use the <code>select<\/code> keyword to select dropdowns.<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>select {\n  padding: 2rem;\n  font-size: 2rem;\n  width: 25rem;\n  border: none;\n  border-bottom: 0.3rem solid mediumspringgreen;\n}\n<\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Other Input Stylings<\/h2>\n\n\n\n<p>By now you should have the hang of styling inputs. Also, it seems we already have a style pattern. Let&#8217;s go ahead and add our style pattern to number and date inputs.<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>input[type=&quot;number&quot;], input[type=&quot;date&quot;] {\n  border: 0;\n  border-bottom: 0.3rem solid mediumspringgreen; \n}\n<\/pre><\/div>\n\n\n\n<p>With just a few strokes of CSS, and by using very easy selectors we are able to give a fresh look to our inputs!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"382\" height=\"318\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/91625939-c8a3ac00-e970-11ea-8737-b0c3b7401bc2-1.jpg\" alt=\"\" class=\"wp-image-22429\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/91625939-c8a3ac00-e970-11ea-8737-b0c3b7401bc2-1.jpg 382w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/91625939-c8a3ac00-e970-11ea-8737-b0c3b7401bc2-1-20x17.jpg 20w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/><\/figure>\n\n\n\n<p>This is just the start, so imagine what else you can accomplish. <\/p>\n\n\n\n<p>In fact, I left some inputs unfinished at the <a href=\"https:\/\/codepen.io\/fbohz-the-decoder\/pen\/BaKZLmm\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">Codepen<\/a>. So go ahead and apply any style you want. You already know how to do it. Go for it!<\/p>\n","protected":false},"excerpt":{"rendered":"When we are building forms, we want to make them unique and appealing to our clients or customers. It is true that the way we present our forms makes the user-experience much better. In order to style our forms, we use a variety of CSS input type selectors. Syntax and Examples While you read this&hellip;","protected":false},"author":86,"featured_media":2579,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17287],"tags":[],"class_list":{"0":"post-22425","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-css"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"CSS","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":[]},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Styling Form Inputs with CSS | Career Karma<\/title>\n<meta name=\"description\" content=\"Wanna give color and style to your forms? Learn how to select input types with CSS and take your forms to the next level! Learn CSS with CareerKarma.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/css-input-type\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Input Type\" \/>\n<meta property=\"og:description\" content=\"Wanna give color and style to your forms? Learn how to select input types with CSS and take your forms to the next level! Learn CSS with CareerKarma.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/css-input-type\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-11T07:13:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-11T07:13:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-561360-unsplash-2-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Felipe Boh\u00f3rquez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Felipe Boh\u00f3rquez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-input-type\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-input-type\\\/\"},\"author\":{\"name\":\"Felipe Boh\u00f3rquez\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\"},\"headline\":\"CSS Input Type\",\"datePublished\":\"2020-09-11T07:13:16+00:00\",\"dateModified\":\"2020-09-11T07:13:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-input-type\\\/\"},\"wordCount\":377,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-input-type\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/pankaj-patel-561360-unsplash-2-1.jpg\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-input-type\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-input-type\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-input-type\\\/\",\"name\":\"Styling Form Inputs with CSS | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-input-type\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-input-type\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/pankaj-patel-561360-unsplash-2-1.jpg\",\"datePublished\":\"2020-09-11T07:13:16+00:00\",\"dateModified\":\"2020-09-11T07:13:19+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\"},\"description\":\"Wanna give color and style to your forms? Learn how to select input types with CSS and take your forms to the next level! Learn CSS with CareerKarma.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-input-type\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-input-type\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-input-type\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/pankaj-patel-561360-unsplash-2-1.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/pankaj-patel-561360-unsplash-2-1.jpg\",\"width\":1200,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-input-type\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"CSS Input Type\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\",\"name\":\"Felipe Boh\u00f3rquez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"caption\":\"Felipe Boh\u00f3rquez\"},\"description\":\"Felipe Boh\u00f3rquez is a Software Engineer and technical writer at Career Karma. He covers all things frontend and backend development.\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/felipe-bohorquez\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Styling Form Inputs with CSS | Career Karma","description":"Wanna give color and style to your forms? Learn how to select input types with CSS and take your forms to the next level! Learn CSS with CareerKarma.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/careerkarma.com\/blog\/css-input-type\/","og_locale":"en_US","og_type":"article","og_title":"CSS Input Type","og_description":"Wanna give color and style to your forms? Learn how to select input types with CSS and take your forms to the next level! Learn CSS with CareerKarma.","og_url":"https:\/\/careerkarma.com\/blog\/css-input-type\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-09-11T07:13:16+00:00","article_modified_time":"2020-09-11T07:13:19+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-561360-unsplash-2-1.jpg","type":"image\/jpeg"}],"author":"Felipe Boh\u00f3rquez","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Felipe Boh\u00f3rquez","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/css-input-type\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/css-input-type\/"},"author":{"name":"Felipe Boh\u00f3rquez","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220"},"headline":"CSS Input Type","datePublished":"2020-09-11T07:13:16+00:00","dateModified":"2020-09-11T07:13:19+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-input-type\/"},"wordCount":377,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-input-type\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-561360-unsplash-2-1.jpg","articleSection":["CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/css-input-type\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/css-input-type\/","url":"https:\/\/careerkarma.com\/blog\/css-input-type\/","name":"Styling Form Inputs with CSS | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-input-type\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-input-type\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-561360-unsplash-2-1.jpg","datePublished":"2020-09-11T07:13:16+00:00","dateModified":"2020-09-11T07:13:19+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220"},"description":"Wanna give color and style to your forms? Learn how to select input types with CSS and take your forms to the next level! Learn CSS with CareerKarma.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/css-input-type\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/css-input-type\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/css-input-type\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-561360-unsplash-2-1.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-561360-unsplash-2-1.jpg","width":1200,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/css-input-type\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS","item":"https:\/\/careerkarma.com\/blog\/css\/"},{"@type":"ListItem","position":3,"name":"CSS Input Type"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220","name":"Felipe Boh\u00f3rquez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","caption":"Felipe Boh\u00f3rquez"},"description":"Felipe Boh\u00f3rquez is a Software Engineer and technical writer at Career Karma. He covers all things frontend and backend development.","url":"https:\/\/careerkarma.com\/blog\/author\/felipe-bohorquez\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/22425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=22425"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/22425\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/2579"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=22425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=22425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=22425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}