html - Remove border from alt tag text over an image -


i'm trying remove border alt tag text. i'm using transparent image button in paypal form, linked through css. paypal button takes alt tag it's button text , puts border around it. i'm not clear on why happens it's have work paypal. apparently have use image. i'm using transparent image can style in css other buttons rather try , screen shots of each button state. enter image description here

i paired code down focus on border around text 'view cart'.

css

//link transparent button no text on #vyc {       background-image: url(http://lakenney.com/kenney_lucille-final/images/vyc.png) no-repeat;   } //the user agent controlling outer border user agent stylesheetinput[type="hidden" i], input[type="image" i], input[type="file" i] {       -webkit-appearance: initial;       padding: 20px;       background-color: initial;       border: dotted;       border-top-color: red;   } //a couple of tags i'm using try access alt tag border not working #vyc img[alt] {       /*border: 1px dashed #3d8ea5;*/       border: transparent !important;   } input#vyc img[alt] {       border: transparent !important;   }

html

here jsfiddle link same code: http://jsfiddle.net/lakenney/w0zpmutn/

you can use transparent image source rid of border, have no alt-text, overlay text.

document.queryselector('#input1').onfocus = function() {      console.log('clicked');      this.blur();  }
label {      position: relative;      width: 100px;      display: inline-block;      line-height: 3rem;      height: 3rem;      background: blue;      border: 0;      border-radius: 5px;  }  input {      width: 100px;      height: 100%;  }  .overlay {      position: absolute;      top: 0;      left: 0;      right: 0;      bottom: 0;      text-align: center;      color: #fff;      text-decoration: none;  }
<label for="input1">      <input id="input1" type="image" src="http://upload.wikimedia.org/wikipedia/commons/c/ce/transparent.gif" />      <a class="overlay" href="#input1">          text      </a>  </label>

but form action no longer work. have submit form/redirect page using javascript.


Comments

Post a Comment

Popular posts from this blog

node.js - Using Node without global install -

i'm working on few node & electron (atom shell) projects , i'm curious how them work without user having install node globally. i've seen few applications including node directory in project contains node.exe binary. how go setting node project use binary? edit: thought should add, i've searched everywhere answer this, unrelated results.
Read more

How to access a php class file from PHPFox framework into javascript code written in simple HTML file? -

i've website developed using phpfox v3.0.7 . now i'm trying implement 'sse(server sent events)' 1 of php files. reference i'm giving below necessary code part of file. file titled process.class.php , present @ location /var/www/module/notification/include/service/process.class.php present on server having ip http://34.124.40.142/ . <?php /** * [phpfox_header] */ header('content-type: text/event-stream'); header('cache-control: no-cache'); defined('phpfox') or exit('no dice!'); /** * * * @copyright [phpfox_copyright] * @author raymond benc * @package phpfox_service * @version $id: service.class.php 67 2009-01-20 11:32:45z raymond_benc $ */ class notification_service_process extends phpfox_service { /** * class constructor */ public function __construct() { $this->_stable = phpfox::gett('notification'); } public function add($...
Read more

java - Null response to php query in android, even though php works properly -

Image
table i'm trying retrieve above data using 2 php files below. want pass email parameter , return bets user = email. work fine when tested advanced rest client, problem not php. however, when try through android 2 java classes below, null pointer exception (logcat below) , json object returned null. i'm not sure error is, think i'm not passing parameter php , that's why it's producing null response. logcat 05-31 15:10:50.227 26074-26074/com.example.albert.betterapp e/androidruntime﹕ fatal exception: main process: com.example.albert.betterapp, pid: 26074 java.lang.runtimeexception: unable start activity componentinfo{com.example.albert.betterapp/com.example.albert.betterapp.displayallbets}: java.lang.nullpointerexception @ android.app.activitythread.performlaunchactivity(activitythread.java:2292) @ android.app.activitythread.handlelaunchactivity(activitythread.java:2350) @ android.app.activitythread.acce...
Read more