html - Css arrow(with border) not working in input type button -


this question has answer here:

so, code goes this:

html:

<input type="button" id="oneid" class="cls">

css

.cls { border: none; text-align: center; text-decoration: none; top: 50%; transform: translatey(-50%); height: 200px; background-color: rgba(0, 0, 0, 0.3); display: block; width: 500px; position: absolute; cursor: pointer; } .cls:before { top: 50%; left: 50%; position: absolute; display: block; content: ""; width: 35px; height: 35px; border-right:16px solid #000000; border-top:16px solid #000000; transform: rotate(45deg); }

i got 2 questions:

1) why can't make :before arrow show input tag, while span tag instead of input arrow showing? how make input tag?

<input type="button" id="oneid" class="cls"> -- not working example.

<span type="button" id="oneid" class="cls"></span> -- working example.

2) how center :before arrow correctly? because top , left set 50% not center arrow in middle.

*i want cross-browser solution , css , html only.

just use:-

<button type="submit" id="oneid" class="cls">button</button>

Comments

Post a Comment

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

Image
recently have uploaded wordpress site onto server. have uploaded wordpress site in sub-folder under root folder ../root(domain root folder)/wordpress (where host wordpress folder). now problem content data in page or post in dashboard of wordpress admin panel not showing - see image. but data showing in front view - see image. if not browser cache issue , not issue happened tinymce editor during upgrade; try add config file: define('concatenate_scripts', false);
Read more

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

i trying ip address of vm , trying use establish ssh vm. following script: --- - hosts: localhost become: yes connection: local gather_facts: false serial: 1 vars_files: - createvmvars.yml tasks: - name: gathering vm info. vsphere_guest: vcenter_hostname: "{{vcenter_hostname}}" username: "{{vcenter_username}}" password: "{{vcenter_password}}" guest: "{{guest_name}}" vmware_guest_facts: yes register: var - debug: msg="{{var.ansible_facts.hw_eth0.ipaddresses[0]}}" - name: establishing ssh connection. script: /home/shasha/devops/scripts/ssh_configure.sh "{{var.ansible_facts.hw_eth0.ipaddresses[0]}}" following content of ssh_configure.sh : #!/bin/sh ssh-keygen -t rsa ssh-copy-id $1 but when running playbook, getting following error while executing third task: error! 'var' undefined but debug module(second task) printin
Read more

javascript - Get parameter of GET request -

i make request: createxhrrequest( "get", fileurl, function( err, response ) { if( err ) { alert( "error get!" ); } alert(response); }); and full response: { "status" : "ok", "message" : "jvberi0xljqkjdduxdgkmy how can jvberi0xlj ? i try response.message , response["message"]. nothing works. just simple access this: var json = json.parse(response); json.message
Read more